User interfaces for playing and managing audio items

ABSTRACT

The present disclosure generally relates to playing and managing audio items. In some examples, an electronic device provides intuitive user interfaces for playing and managing audio items on the device. In some examples, an electronic device provides seamless transitioning from navigating a stack of items corresponding to groups of audio items to navigating a list of menus. In some examples, an electronic device provides for quick and easy access between different applications that are active on the device. In some examples, an electronic device enables automatic transmission of data associated with audio items to be stored locally on a linked external device.

CROSS-REFERENCE TO RELATED APPLICATION

This application is a continuation of U.S. application Ser. No.17/176,908, filed Feb. 16, 2021, entitled “USER INTERFACES FOR PLAYINGAND MANAGING AUDIO ITEMS,” which is a continuation of U.S. applicationSer. No. 15/730,610, filed Oct. 11, 2017, entitled “USER INTERFACES FORPLAYING AND MANAGING AUDIO ITEMS,” which claims priority to U.S.Provisional Application Ser. No. 62/505,760, filed May 12, 2017,entitled “USER INTERFACES FOR PLAYING AND MANAGING AUDIO ITEMS,” each ofwhich are hereby incorporated by reference in their entirety for allpurposes.

FIELD

The present disclosure relates generally to computer user interfaces,and more specifically to techniques for playing and managing audioitems.

BACKGROUND

Playing and managing audio items, such as music, using electronicdevices is a common occurrence. Further, audio items are often playedand managed across multiples devices. Sometimes, a device belonging to auser does not store all of the audio items belonging to the user.

BRIEF SUMMARY

Attempting to play and manage audio items while engaging in a physicalactivity such as commuting or exercising, in particular using a portableelectronic device having a limited amount of display real estate, canstill be a cumbersome task. This is even more so when owning more thanone electronic device and audio items must be played and managed acrossdevices. Therefore, faster, more efficient methods and interfaces forplaying and managing audio items are needed.

Some techniques for playing and managing audio items using electronicdevices, however, are generally cumbersome and inefficient. For example,some existing techniques use a complex and time-consuming userinterface, which may include multiple key presses or keystrokes.Existing techniques require more time than necessary, wasting user timeand device energy. This latter consideration is particularly importantin battery-operated devices.

Accordingly, the present technique provides electronic devices withfaster, more efficient methods and interfaces for playing and managingaudio items. Such methods and interfaces optionally complement orreplace other methods for playing and managing audio items. Such methodsand interfaces reduce the cognitive burden on a user and produce a moreefficient human-machine interface. For battery-operated computingdevices, such methods and interfaces conserve power and increase thetime between battery charges. Such methods and interfaces also reducethe number of unnecessary, extraneous, or repetitive input required atcomputing devices, such as smartphones and smartwatches.

In accordance with some embodiments, a method performed at an electronicdevice with a touch-sensitive display is described. The methodcomprises: displaying, on the display, a first user interface, whereinthe first user interface includes a scrollable plurality of audioplaylist items associated with a plurality of audio playlists; receivinga first user input on a first audio playlist item of the plurality ofaudio playlist items; in response to receiving the first user input onthe first audio playlist item: displaying, on the display, a second userinterface, wherein the second user interface includes an indication of afirst audio item of a first audio playlist associated with the firstaudio playlist item, and displaying, on the display, a plurality ofindicia icons, wherein a first indicia icon associated with the seconduser interface includes an indication that the second user interface iscurrently displayed; receiving a second user input on the second userinterface; and in response to receiving the second user input on thesecond user interface: displaying, on the display, a third userinterface, wherein the third user interface includes a plurality ofaudio items of the first audio playlist, and updating display of theplurality of indicia icons, wherein a second indicia icon associatedwith the third user interface includes the indication that the thirduser interface is currently displayed.

In accordance with some embodiments, a non-transitory computer-readablestorage medium is described. The non-transitory computer-readablestorage medium storing one or more programs configured to be executed byone or more processors of an electronic device with a touch-sensitivedisplay, the one or more programs including instructions for:displaying, on the display, a first user interface, wherein the firstuser interface includes a scrollable plurality of audio playlist itemsassociated with a plurality of audio playlists; receiving a first userinput on a first audio playlist item of the plurality of audio playlistitems; in response to receiving the first user input on the first audioplaylist item: displaying, on the display, a second user interface,wherein the second user interface includes an indication of a firstaudio item of a first audio playlist associated with the first audioplaylist item, and displaying, on the display, a plurality of indiciaicons, wherein a first indicia icon associated with the second userinterface includes an indication that the second user interface iscurrently displayed; receiving a second user input on the second userinterface; and in response to receiving the second user input on thesecond user interface: displaying, on the display, a third userinterface, wherein the third user interface includes a plurality ofaudio items of the first audio playlist, and updating display of theplurality of indicia icons, wherein a second indicia icon associatedwith the third user interface includes the indication that the thirduser interface is currently displayed.

In accordance with some embodiments, a transitory computer-readablestorage medium is described. The transitory computer-readable storagemedium storing one or more programs configured to be executed by one ormore processors of an electronic device with a touch-sensitive display,the one or more programs including instructions for: displaying, on thedisplay, a first user interface, wherein the first user interfaceincludes a scrollable plurality of audio playlist items associated witha plurality of audio playlists; receiving a first user input on a firstaudio playlist item of the plurality of audio playlist items; inresponse to receiving the first user input on the first audio playlistitem: displaying, on the display, a second user interface, wherein thesecond user interface includes an indication of a first audio item of afirst audio playlist associated with the first audio playlist item, anddisplaying, on the display, a plurality of indicia icons, wherein afirst indicia icon associated with the second user interface includes anindication that the second user interface is currently displayed;receiving a second user input on the second user interface; and inresponse to receiving the second user input on the second userinterface: displaying, on the display, a third user interface, whereinthe third user interface includes a plurality of audio items of thefirst audio playlist, and updating display of the plurality of indiciaicons, wherein a second indicia icon associated with the third userinterface includes the indication that the third user interface iscurrently displayed.

In accordance with some embodiments, an electronic device is described.The electronic device comprises: a touch-sensitive display; one or moreprocessors; and memory storing one or more programs configured to beexecuted by the one or more processors, the one or more programsincluding instructions for: displaying, on the display, a first userinterface, wherein the first user interface includes a scrollableplurality of audio playlist items associated with a plurality of audioplaylists; receiving a first user input on a first audio playlist itemof the plurality of audio playlist items; in response to receiving thefirst user input on the first audio playlist item: displaying, on thedisplay, a second user interface, wherein the second user interfaceincludes an indication of a first audio item of a first audio playlistassociated with the first audio playlist item, and displaying, on thedisplay, a plurality of indicia icons, wherein a first indicia iconassociated with the second user interface includes an indication thatthe second user interface is currently displayed; receiving a seconduser input on the second user interface; and in response to receivingthe second user input on the second user interface: displaying, on thedisplay, a third user interface, wherein the third user interfaceincludes a plurality of audio items of the first audio playlist, andupdating display of the plurality of indicia icons, wherein a secondindicia icon associated with the third user interface includes theindication that the third user interface is currently displayed.

In accordance with some embodiments, an electronic device is described.The electronic device comprises: a touch-sensitive display; means fordisplaying, on the display, a first user interface, wherein the firstuser interface includes a scrollable plurality of audio playlist itemsassociated with a plurality of audio playlists; means for receiving afirst user input on a first audio playlist item of the plurality ofaudio playlist items; means, in response to receiving the first userinput on the first audio playlist item, for: displaying, on the display,a second user interface, wherein the second user interface includes anindication of a first audio item of a first audio playlist associatedwith the first audio playlist item, and displaying, on the display, aplurality of indicia icons, wherein a first indicia icon associated withthe second user interface includes an indication that the second userinterface is currently displayed; means for receiving a second userinput on the second user interface; and means, in response to receivingthe second user input on the second user interface, for: displaying, onthe display, a third user interface, wherein the third user interfaceincludes a plurality of audio items of the first audio playlist, andupdating display of the plurality of indicia icons, wherein a secondindicia icon associated with the third user interface includes theindication that the third user interface is currently displayed.

In accordance with some embodiments, a method performed at an electronicdevice with a touch-sensitive display is described. The methodcomprises: displaying, on the display, an ordered stack of audioplaylist items in a first position, wherein the ordered stack of audioplaylist items includes a first item, a second item, and a third item,and wherein the first item is displayed in the first position; receivinga first input in a first direction; in response to receiving the firstinput, displaying, on the display, the ordered stack of audio playlistitems in a second position, wherein the second item is displayed in thesecond position; receiving a second input in the first direction; and inresponse to receiving the second input: in accordance with adetermination that the second item is a terminal item in the orderedstack of audio playlist items, displaying, on the display, at least onemenu affordance of a plurality of menu affordances, and in accordancewith a determination that the second item is an intermediate item in theordered stack of audio playlist items, displaying, on the display, theordered stack of audio playlist items in a third position, wherein thethird item is displayed in the third position.

In accordance with some embodiments, a non-transitory computer-readablestorage medium is described. The non-transitory computer-readablestorage medium storing one or more programs configured to be executed byone or more processors of an electronic device with a touch-sensitivedisplay, the one or more programs including instructions for:displaying, on the display, an ordered stack of audio playlist items ina first position, wherein the ordered stack of audio playlist itemsincludes a first item, a second item, and a third item, and wherein thefirst item is displayed in the first position; receiving a first inputin a first direction; in response to receiving the first input,displaying, on the display, the ordered stack of audio playlist items ina second position, wherein the second item is displayed in the secondposition; receiving a second input in the first direction; and inresponse to receiving the second input: in accordance with adetermination that the second item is a terminal item in the orderedstack of audio playlist items, displaying, on the display, at least onemenu affordance of a plurality of menu affordances, and in accordancewith a determination that the second item is an intermediate item in theordered stack of audio playlist items, displaying, on the display, theordered stack of audio playlist items in a third position, wherein thethird item is displayed in the third position.

In accordance with some embodiments, a transitory computer-readablestorage medium is described. The transitory computer-readable storagemedium storing one or more programs configured to be executed by one ormore processors of an electronic device with a touch-sensitive display,the one or more programs including instructions for: displaying, on thedisplay, an ordered stack of audio playlist items in a first position,wherein the ordered stack of audio playlist items includes a first item,a second item, and a third item, and wherein the first item is displayedin the first position; receiving a first input in a first direction; inresponse to receiving the first input, displaying, on the display, theordered stack of audio playlist items in a second position, wherein thesecond item is displayed in the second position; receiving a secondinput in the first direction; and in response to receiving the secondinput: in accordance with a determination that the second item is aterminal item in the ordered stack of audio playlist items, displaying,on the display, at least one menu affordance of a plurality of menuaffordances, and in accordance with a determination that the second itemis an intermediate item in the ordered stack of audio playlist items,displaying, on the display, the ordered stack of audio playlist items ina third position, wherein the third item is displayed in the thirdposition.

In accordance with some embodiments, an electronic device is described.The electronic device comprises: a touch-sensitive display; one or moreprocessors; and memory storing one or more programs configured to beexecuted by the one or more processors, the one or more programsincluding instructions for: displaying, on the display, an ordered stackof audio playlist items in a first position, wherein the ordered stackof audio playlist items includes a first item, a second item, and athird item, and wherein the first item is displayed in the firstposition; receiving a first input in a first direction; in response toreceiving the first input, displaying, on the display, the ordered stackof audio playlist items in a second position, wherein the second item isdisplayed in the second position; receiving a second input in the firstdirection; and in response to receiving the second input: in accordancewith a determination that the second item is a terminal item in theordered stack of audio playlist items, displaying, on the display, atleast one menu affordance of a plurality of menu affordances, and inaccordance with a determination that the second item is an intermediateitem in the ordered stack of audio playlist items, displaying, on thedisplay, the ordered stack of audio playlist items in a third position,wherein the third item is displayed in the third position.

In accordance with some embodiments, an electronic device is described.The electronic device comprises: a touch-sensitive display; means fordisplaying, on the display, an ordered stack of audio playlist items ina first position, wherein the ordered stack of audio playlist itemsincludes a first item, a second item, and a third item, and wherein thefirst item is displayed in the first position; means for receiving afirst input in a first direction; means, in response to receiving thefirst input, for displaying, on the display, the ordered stack of audioplaylist items in a second position, wherein the second item isdisplayed in the second position; means for receiving a second input inthe first direction; and means, in response to receiving the secondinput, for: in accordance with a determination that the second item is aterminal item in the ordered stack of audio playlist items, displaying,on the display, at least one menu affordance of a plurality of menuaffordances, and in accordance with a determination that the second itemis an intermediate item in the ordered stack of audio playlist items,displaying, on the display, the ordered stack of audio playlist items ina third position, wherein the third item is displayed in the thirdposition.

In accordance with some embodiments, a method performed at an electronicdevice with a touch-sensitive display is described. The methodcomprises: receiving user input initiating a first application while asecond application different from the first application is active on theelectronic device; displaying, on the display, a first user interfaceassociated with the first application and a first affordance associatedwith the second application; receiving user selection of the firstaffordance; in response to receiving the user selection of the firstaffordance: replacing display of the first user interface with displayof a second user interface associated with the second application,wherein the first application remains active on the electronic device,and replacing display of the first affordance with display of a secondaffordance associated with the first application.

In accordance with some embodiments, a non-transitory computer-readablestorage medium is described. The non-transitory computer-readablestorage medium storing one or more programs configured to be executed byone or more processors of an electronic device with a touch-sensitivedisplay, the one or more programs including instructions for: receivinguser input initiating a first application while a second applicationdifferent from the first application is active on the electronic device;displaying, on the display, a first user interface associated with thefirst application and a first affordance associated with the secondapplication; receiving user selection of the first affordance; inresponse to receiving the user selection of the first affordance:replacing display of the first user interface with display of a seconduser interface associated with the second application, wherein the firstapplication remains active on the electronic device, and replacingdisplay of the first affordance with display of a second affordanceassociated with the first application.

In accordance with some embodiments, a transitory computer-readablestorage medium is described. The transitory computer-readable storagemedium storing one or more programs configured to be executed by one ormore processors of an electronic device with a touch-sensitive display,the one or more programs including instructions for: receiving userinput initiating a first application while a second applicationdifferent from the first application is active on the electronic device;displaying, on the display, a first user interface associated with thefirst application and a first affordance associated with the secondapplication; receiving user selection of the first affordance; inresponse to receiving the user selection of the first affordance:replacing display of the first user interface with display of a seconduser interface associated with the second application, wherein the firstapplication remains active on the electronic device, and replacingdisplay of the first affordance with display of a second affordanceassociated with the first application.

In accordance with some embodiments, an electronic device is described.The electronic device comprises: a touch-sensitive display; one or moreprocessors; and memory storing one or more programs configured to beexecuted by the one or more processors, the one or more programsincluding instructions for: receiving user input initiating a firstapplication while a second application different from the firstapplication is active on the electronic device; displaying, on thedisplay, a first user interface associated with the first applicationand a first affordance associated with the second application; receivinguser selection of the first affordance; in response to receiving theuser selection of the first affordance: replacing display of the firstuser interface with display of a second user interface associated withthe second application, wherein the first application remains active onthe electronic device, and replacing display of the first affordancewith display of a second affordance associated with the firstapplication.

In accordance with some embodiments, an electronic device is described.The electronic device comprises: a touch-sensitive display; means forreceiving user input initiating a first application while a secondapplication different from the first application is active on theelectronic device; means for displaying, on the display, a first userinterface associated with the first application and a first affordanceassociated with the second application; means for receiving userselection of the first affordance; means in response to receiving theuser selection of the first affordance, for: replacing display of thefirst user interface with display of a second user interface associatedwith the second application, wherein the first application remainsactive on the electronic device, and replacing display of the firstaffordance with display of a second affordance associated with the firstapplication.

In accordance with some embodiments, a method performed at an electronicdevice with a touch-sensitive display and a wireless communication radiois described. The method comprises: displaying, on the display, a userinterface including a plurality of item groups and a plurality ofselection affordances associated with the plurality of item groups,wherein a selection affordance has a first state and a second state, andwherein data of the plurality of item groups are stored on theelectronic device; receiving user input on a first selection affordanceassociated with a first item group; in accordance with a determinationthat the first selection affordance is in the first state, designatingthe first item group; in accordance with a determination that the firstselection affordance is in the second state, forgoing designating thefirst item group; subsequent to detecting, via the wirelesscommunication radio, an external device: in accordance with adetermination that the first item group is designated, automaticallytransmitting data of the items associated with the first item group tothe external device to be stored on the external device, and inaccordance with a determination that the first item group is notdesignated, forgoing to automatically transmit data of the itemsassociated with the first item group to the external device to be storedon the external device.

In accordance with some embodiments, a non-transitory computer-readablestorage medium is described. The non-transitory computer-readablestorage medium storing one or more programs configured to be executed byone or more processors of an electronic device with a touch-sensitivedisplay and a wireless communication radio, the one or more programsincluding instructions for: displaying, on the display, a user interfaceincluding a plurality of item groups and a plurality of selectionaffordances associated with the plurality of item groups, wherein aselection affordance has a first state and a second state, and whereindata of the plurality of item groups are stored on the electronicdevice; receiving user input on a first selection affordance associatedwith a first item group; in accordance with a determination that thefirst selection affordance is in the first state, designating the firstitem group; in accordance with a determination that the first selectionaffordance is in the second state, forgoing designating the first itemgroup; subsequent to detecting, via the wireless communication radio, anexternal device: in accordance with a determination that the first itemgroup is designated, automatically transmitting data of the itemsassociated with the first item group to the external device to be storedon the external device, and in accordance with a determination that thefirst item group is not designated, forgoing to automatically transmitdata of the items associated with the first item group to the externaldevice to be stored on the external device.

In accordance with some embodiments, a transitory computer-readablestorage medium is described. The transitory computer-readable storagemedium storing one or more programs configured to be executed by one ormore processors of an electronic device with a touch-sensitive displayand a wireless communication radio, the one or more programs includinginstructions for: displaying, on the display, a user interface includinga plurality of item groups and a plurality of selection affordancesassociated with the plurality of item groups, wherein a selectionaffordance has a first state and a second state, and wherein data of theplurality of item groups are stored on the electronic device; receivinguser input on a first selection affordance associated with a first itemgroup; in accordance with a determination that the first selectionaffordance is in the first state, designating the first item group; inaccordance with a determination that the first selection affordance isin the second state, forgoing designating the first item group;subsequent to detecting, via the wireless communication radio, anexternal device: in accordance with a determination that the first itemgroup is designated, automatically transmitting data of the itemsassociated with the first item group to the external device to be storedon the external device, and in accordance with a determination that thefirst item group is not designated, forgoing to automatically transmitdata of the items associated with the first item group to the externaldevice to be stored on the external device.

In accordance with some embodiments, an electronic device is described.The electronic device comprises: a touch-sensitive display; a wirelesscommunication radio; one or more processors; and memory storing one ormore programs configured to be executed by the one or more processors,the one or more programs including instructions for: displaying, on thedisplay, a user interface including a plurality of item groups and aplurality of selection affordances associated with the plurality of itemgroups, wherein a selection affordance has a first state and a secondstate, and wherein data of the plurality of item groups are stored onthe electronic device; receiving user input on a first selectionaffordance associated with a first item group; in accordance with adetermination that the first selection affordance is in the first state,designating the first item group; in accordance with a determinationthat the first selection affordance is in the second state, forgoingdesignating the first item group; subsequent to detecting, via thewireless communication radio, an external device: in accordance with adetermination that the first item group is designated, automaticallytransmitting data of the items associated with the first item group tothe external device to be stored on the external device, and inaccordance with a determination that the first item group is notdesignated, forgoing to automatically transmit data of the itemsassociated with the first item group to the external device to be storedon the external device.

In accordance with some embodiments, an electronic device is described.The electronic device comprises: a touch-sensitive display; a wirelesscommunication radio; means for displaying, on the display, a userinterface including a plurality of item groups and a plurality ofselection affordances associated with the plurality of item groups,wherein a selection affordance has a first state and a second state, andwherein data of the plurality of item groups are stored on theelectronic device; means for receiving user input on a first selectionaffordance associated with a first item group; means, in accordance witha determination that the first selection affordance is in the firststate, for designating the first item group; means, in accordance with adetermination that the first selection affordance is in the secondstate, for forgoing designating the first item group; means, subsequentto detecting, via the wireless communication radio, an external device,for: in accordance with a determination that the first item group isdesignated, automatically transmitting data of the items associated withthe first item group to the external device to be stored on the externaldevice, and in accordance with a determination that the first item groupis not designated, forgoing to automatically transmit data of the itemsassociated with the first item group to the external device to be storedon the external device.

Executable instructions for performing these functions are, optionally,included in a non-transitory computer-readable storage medium or othercomputer program product configured for execution by one or moreprocessors. Executable instructions for performing these functions are,optionally, included in a transitory computer-readable storage medium orother computer program product configured for execution by one or moreprocessors.

Thus, devices are provided with faster, more efficient methods andinterfaces for playing and managing audio items, thereby increasing theeffectiveness, efficiency, and user satisfaction with such devices. Suchmethods and interfaces may complement or replace other methods forplaying and managing audio items.

DESCRIPTION OF THE FIGURES

For a better understanding of the various described embodiments,reference should be made to the Description of Embodiments below, inconjunction with the following drawings in which like reference numeralsrefer to corresponding parts throughout the figures.

FIG. 1A is a block diagram illustrating a portable multifunction devicewith a touch-sensitive display in accordance with some embodiments.

FIG. 1B is a block diagram illustrating exemplary components for eventhandling in accordance with some embodiments.

FIG. 2 illustrates a portable multifunction device having a touch screenin accordance with some embodiments.

FIG. 3 is a block diagram of an exemplary multifunction device with adisplay and a touch-sensitive surface in accordance with someembodiments.

FIG. 4A illustrates an exemplary user interface for a menu ofapplications on a portable multifunction device in accordance with someembodiments.

FIG. 4B illustrates an exemplary user interface for a multifunctiondevice with a touch-sensitive surface that is separate from the displayin accordance with some embodiments.

FIG. 5A illustrates a personal electronic device in accordance with someembodiments.

FIG. 5B is a block diagram illustrating a personal electronic device inaccordance with some embodiments.

FIGS. 6A-6S illustrate exemplary user interfaces for navigating anapplication for playing and managing audio items and managing storage ofthe audio items, in accordance with some embodiments.

FIGS. 7A-7C are a flow diagram illustrating methods of navigating anapplication for playing and managing audio items and managing storage ofthe audio items, in accordance with some embodiments.

FIGS. 8A-8AC illustrate exemplary user interfaces for navigating anapplication for playing and managing audio items using differenttechniques, in accordance with some embodiments.

FIGS. 9A-9D are a flow diagram illustrating methods of user interfacesfor navigating an application for playing and managing audio items usingdifferent techniques, in accordance with some embodiments.

FIGS. 10A-10H illustrate exemplary user interfaces for easilytransitioning amongst active applications, in accordance with someembodiments.

FIGS. 11A-11B are a flow diagram illustrating methods of easilytransitioning amongst active applications, in accordance with someembodiments.

FIGS. 12A-12AE illustrate exemplary user interfaces for configuring andmanaging automatic transmission of audio-related data from one device toanother device, in accordance with some embodiments.

FIGS. 13A-13C are a flow diagram illustrating methods of configuring andmanaging automatic transmission of audio-related data from one device toanother device, in accordance with some embodiments.

DESCRIPTION OF EMBODIMENTS

The following description sets forth exemplary methods, parameters, andthe like. It should be recognized, however, that such description is notintended as a limitation on the scope of the present disclosure but isinstead provided as a description of exemplary embodiments.

There is a need for electronic devices that provide efficient methodsand interfaces for playing and managing audio items. When playing andmanaging audio items (e.g., songs, radio stations, podcasts), a user isoften engaged in a physical activity (e.g., walking, exercising,commuting, driving). When engaged in such physical activities, the usercannot easily devote full attention to playing and managing audio items.Such techniques can reduce the cognitive burden on a user who accessesaudio items, thereby enhancing productivity. Further, such techniquescan reduce processor and battery power otherwise wasted on redundantuser inputs.

Below, FIGS. 1A-1B, 2, 3, 4A-4B, and 5A-5B provide a description ofexemplary devices for performing the techniques for managing eventnotifications. FIGS. 6A-6S illustrate exemplary user interfaces fornavigating an application for playing and managing audio items andmanaging storage of the audio items, in accordance with someembodiments. FIGS. 7A-7C are a flow diagram illustrating methods ofnavigating an application for playing and managing audio items andmanaging storage of the audio items, in accordance with someembodiments. FIGS. 8A-8AC illustrate exemplary user interfaces fornavigating an application for playing and managing audio items usingdifferent techniques, in accordance with some embodiments. FIGS. 9A-9Dare a flow diagram illustrating methods of user interfaces fornavigating an application for playing and managing audio items usingdifferent techniques, in accordance with some embodiments. FIGS. 10A-10Hillustrate exemplary user interfaces for easily transitioning amongstactive applications, in accordance with some embodiments. FIGS. 11A-11Bare a flow diagram illustrating methods of easily transitioning amongstactive applications, in accordance with some embodiments. FIGS. 12A-12AEillustrate exemplary user interfaces for configuring and managingautomatic transmission of audio-related data from one device to anotherdevice, in accordance with some embodiments. FIGS. 13A-13C are a flowdiagram illustrating methods of configuring and managing automatictransmission of audio-related data from one device to another device, inaccordance with some embodiments.

Although the following description uses terms “first,” “second,” etc. todescribe various elements, these elements should not be limited by theterms. These terms are only used to distinguish one element fromanother. For example, a first touch could be termed a second touch, and,similarly, a second touch could be termed a first touch, withoutdeparting from the scope of the various described embodiments. The firsttouch and the second touch are both touches, but they are not the sametouch.

The terminology used in the description of the various describedembodiments herein is for the purpose of describing particularembodiments only and is not intended to be limiting. As used in thedescription of the various described embodiments and the appendedclaims, the singular forms “a,” “an,” and “the” are intended to includethe plural forms as well, unless the context clearly indicatesotherwise. It will also be understood that the term “and/or” as usedherein refers to and encompasses any and all possible combinations ofone or more of the associated listed items. It will be furtherunderstood that the terms “includes,” “including,” “comprises,” and/or“comprising,” when used in this specification, specify the presence ofstated features, integers, steps, operations, elements, and/orcomponents, but do not preclude the presence or addition of one or moreother features, integers, steps, operations, elements, components,and/or groups thereof.

The term “if” is, optionally, construed to mean “when” or “upon” or “inresponse to determining” or “in response to detecting,” depending on thecontext. Similarly, the phrase “if it is determined” or “if [a statedcondition or event] is detected” is, optionally, construed to mean “upondetermining” or “in response to determining” or “upon detecting [thestated condition or event]” or “in response to detecting [the statedcondition or event],” depending on the context.

Embodiments of electronic devices, user interfaces for such devices, andassociated processes for using such devices are described. In someembodiments, the device is a portable communications device, such as amobile telephone, that also contains other functions, such as PDA and/ormusic player functions. Exemplary embodiments of portable multifunctiondevices include, without limitation, the iPhone®, iPod Touch®, and iPad®devices from Apple Inc. of Cupertino, Calif. Other portable electronicdevices, such as laptops or tablet computers with touch-sensitivesurfaces (e.g., touch screen displays and/or touchpads), are,optionally, used. It should also be understood that, in someembodiments, the device is not a portable communications device, but isa desktop computer with a touch-sensitive surface (e.g., a touch screendisplay and/or a touchpad).

In the discussion that follows, an electronic device that includes adisplay and a touch-sensitive surface is described. It should beunderstood, however, that the electronic device optionally includes oneor more other physical user-interface devices, such as a physicalkeyboard, a mouse, and/or a joystick.

The device typically supports a variety of applications, such as one ormore of the following: a drawing application, a presentationapplication, a word processing application, a website creationapplication, a disk authoring application, a spreadsheet application, agaming application, a telephone application, a video conferencingapplication, an e-mail application, an instant messaging application, aworkout support application, a photo management application, a digitalcamera application, a digital video camera application, a web browsingapplication, a digital music player application, and/or a digital videoplayer application.

The various applications that are executed on the device optionally useat least one common physical user-interface device, such as thetouch-sensitive surface. One or more functions of the touch-sensitivesurface as well as corresponding information displayed on the deviceare, optionally, adjusted and/or varied from one application to the nextand/or within a respective application. In this way, a common physicalarchitecture (such as the touch-sensitive surface) of the deviceoptionally supports the variety of applications with user interfacesthat are intuitive and transparent to the user.

Attention is now directed toward embodiments of portable devices withtouch-sensitive displays. FIG. 1A is a block diagram illustratingportable multifunction device 100 with touch-sensitive display system112 in accordance with some embodiments. Touch-sensitive display 112 issometimes called a “touch screen” for convenience and is sometimes knownas or called a “touch-sensitive display system.” Device 100 includesmemory 102 (which optionally includes one or more computer-readablestorage mediums), memory controller 122, one or more processing units(CPUs) 120, peripherals interface 118, RF circuitry 108, audio circuitry110, speaker 111, microphone 113, input/output (I/O) subsystem 106,other input control devices 116, and external port 124. Device 100optionally includes one or more optical sensors 164. Device 100optionally includes one or more contact intensity sensors 165 fordetecting intensity of contacts on device 100 (e.g., a touch-sensitivesurface such as touch-sensitive display system 112 of device 100).Device 100 optionally includes one or more tactile output generators 167for generating tactile outputs on device 100 (e.g., generating tactileoutputs on a touch-sensitive surface such as touch-sensitive displaysystem 112 of device 100 or touchpad 355 of device 300). Thesecomponents optionally communicate over one or more communication busesor signal lines 103.

As used in the specification and claims, the term “intensity” of acontact on a touch-sensitive surface refers to the force or pressure(force per unit area) of a contact (e.g., a finger contact) on thetouch-sensitive surface, or to a substitute (proxy) for the force orpressure of a contact on the touch-sensitive surface. The intensity of acontact has a range of values that includes at least four distinctvalues and more typically includes hundreds of distinct values (e.g., atleast 256). Intensity of a contact is, optionally, determined (ormeasured) using various approaches and various sensors or combinationsof sensors. For example, one or more force sensors underneath oradjacent to the touch-sensitive surface are, optionally, used to measureforce at various points on the touch-sensitive surface. In someimplementations, force measurements from multiple force sensors arecombined (e.g., a weighted average) to determine an estimated force of acontact. Similarly, a pressure-sensitive tip of a stylus is, optionally,used to determine a pressure of the stylus on the touch-sensitivesurface. Alternatively, the size of the contact area detected on thetouch-sensitive surface and/or changes thereto, the capacitance of thetouch-sensitive surface proximate to the contact and/or changes thereto,and/or the resistance of the touch-sensitive surface proximate to thecontact and/or changes thereto are, optionally, used as a substitute forthe force or pressure of the contact on the touch-sensitive surface. Insome implementations, the substitute measurements for contact force orpressure are used directly to determine whether an intensity thresholdhas been exceeded (e.g., the intensity threshold is described in unitscorresponding to the substitute measurements). In some implementations,the substitute measurements for contact force or pressure are convertedto an estimated force or pressure, and the estimated force or pressureis used to determine whether an intensity threshold has been exceeded(e.g., the intensity threshold is a pressure threshold measured in unitsof pressure). Using the intensity of a contact as an attribute of a userinput allows for user access to additional device functionality that mayotherwise not be accessible by the user on a reduced-size device withlimited real estate for displaying affordances (e.g., on atouch-sensitive display) and/or receiving user input (e.g., via atouch-sensitive display, a touch-sensitive surface, or aphysical/mechanical control such as a knob or a button).

As used in the specification and claims, the term “tactile output”refers to physical displacement of a device relative to a previousposition of the device, physical displacement of a component (e.g., atouch-sensitive surface) of a device relative to another component(e.g., housing) of the device, or displacement of the component relativeto a center of mass of the device that will be detected by a user withthe user's sense of touch. For example, in situations where the deviceor the component of the device is in contact with a surface of a userthat is sensitive to touch (e.g., a finger, palm, or other part of auser's hand), the tactile output generated by the physical displacementwill be interpreted by the user as a tactile sensation corresponding toa perceived change in physical characteristics of the device or thecomponent of the device. For example, movement of a touch-sensitivesurface (e.g., a touch-sensitive display or trackpad) is, optionally,interpreted by the user as a “down click” or “up click” of a physicalactuator button. In some cases, a user will feel a tactile sensationsuch as an “down click” or “up click” even when there is no movement ofa physical actuator button associated with the touch-sensitive surfacethat is physically pressed (e.g., displaced) by the user's movements. Asanother example, movement of the touch-sensitive surface is, optionally,interpreted or sensed by the user as “roughness” of the touch-sensitivesurface, even when there is no change in smoothness of thetouch-sensitive surface. While such interpretations of touch by a userwill be subject to the individualized sensory perceptions of the user,there are many sensory perceptions of touch that are common to a largemajority of users. Thus, when a tactile output is described ascorresponding to a particular sensory perception of a user (e.g., an “upclick,” a “down click,” “roughness”), unless otherwise stated, thegenerated tactile output corresponds to physical displacement of thedevice or a component thereof that will generate the described sensoryperception for a typical (or average) user.

It should be appreciated that device 100 is only one example of aportable multifunction device, and that device 100 optionally has moreor fewer components than shown, optionally combines two or morecomponents, or optionally has a different configuration or arrangementof the components. The various components shown in FIG. 1A areimplemented in hardware, software, or a combination of both hardware andsoftware, including one or more signal processing and/orapplication-specific integrated circuits.

Memory 102 optionally includes high-speed random access memory andoptionally also includes non-volatile memory, such as one or moremagnetic disk storage devices, flash memory devices, or othernon-volatile solid-state memory devices. Memory controller 122optionally controls access to memory 102 by other components of device100.

Peripherals interface 118 can be used to couple input and outputperipherals of the device to CPU 120 and memory 102. The one or moreprocessors 120 run or execute various software programs and/or sets ofinstructions stored in memory 102 to perform various functions fordevice 100 and to process data. In some embodiments, peripheralsinterface 118, CPU 120, and memory controller 122 are, optionally,implemented on a single chip, such as chip 104. In some otherembodiments, they are, optionally, implemented on separate chips.

RF (radio frequency) circuitry 108 receives and sends RF signals, alsocalled electromagnetic signals. RF circuitry 108 converts electricalsignals to/from electromagnetic signals and communicates withcommunications networks and other communications devices via theelectromagnetic signals. RF circuitry 108 optionally includes well-knowncircuitry for performing these functions, including but not limited toan antenna system, an RF transceiver, one or more amplifiers, a tuner,one or more oscillators, a digital signal processor, a CODEC chipset, asubscriber identity module (SIM) card, memory, and so forth. RFcircuitry 108 optionally communicates with networks, such as theInternet, also referred to as the World Wide Web (WWW), an intranetand/or a wireless network, such as a cellular telephone network, awireless local area network (LAN) and/or a metropolitan area network(MAN), and other devices by wireless communication. The RF circuitry 108optionally includes well-known circuitry for detecting near fieldcommunication (NFC) fields, such as by a short-range communicationradio. The wireless communication optionally uses any of a plurality ofcommunications standards, protocols, and technologies, including but notlimited to Global System for Mobile Communications (GSM), Enhanced DataGSM Environment (EDGE), high-speed downlink packet access (HSDPA),high-speed uplink packet access (HSUPA), Evolution, Data-Only (EV-DO),HSPA, HSPA+, Dual-Cell HSPA (DC-HSPDA), long term evolution (LTE), nearfield communication (NFC), wideband code division multiple access(W-CDMA), code division multiple access (CDMA), time division multipleaccess (TDMA), Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity(Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n,and/or IEEE 802.11 ac), voice over Internet Protocol (VoIP), Wi-MAX, aprotocol for e-mail (e.g., Internet message access protocol (IMAP)and/or post office protocol (POP)), instant messaging (e.g., extensiblemessaging and presence protocol (XMPP), Session Initiation Protocol forInstant Messaging and Presence Leveraging Extensions (SIMPLE), InstantMessaging and Presence Service (IMPS)), and/or Short Message Service(SMS), or any other suitable communication protocol, includingcommunication protocols not yet developed as of the filing date of thisdocument.

Audio circuitry 110, speaker 111, and microphone 113 provide an audiointerface between a user and device 100. Audio circuitry 110 receivesaudio data from peripherals interface 118, converts the audio data to anelectrical signal, and transmits the electrical signal to speaker 111.Speaker 111 converts the electrical signal to human-audible sound waves.Audio circuitry 110 also receives electrical signals converted bymicrophone 113 from sound waves. Audio circuitry 110 converts theelectrical signal to audio data and transmits the audio data toperipherals interface 118 for processing. Audio data is, optionally,retrieved from and/or transmitted to memory 102 and/or RF circuitry 108by peripherals interface 118. In some embodiments, audio circuitry 110also includes a headset jack (e.g., 212, FIG. 2). The headset jackprovides an interface between audio circuitry 110 and removable audioinput/output peripherals, such as output-only headphones or a headsetwith both output (e.g., a headphone for one or both ears) and input(e.g., a microphone).

I/O subsystem 106 couples input/output peripherals on device 100, suchas touch screen 112 and other input control devices 116, to peripheralsinterface 118. I/O subsystem 106 optionally includes display controller156, optical sensor controller 158, intensity sensor controller 159,haptic feedback controller 161, and one or more input controllers 160for other input or control devices. The one or more input controllers160 receive/send electrical signals from/to other input control devices116. The other input control devices 116 optionally include physicalbuttons (e.g., push buttons, rocker buttons, etc.), dials, sliderswitches, joysticks, click wheels, and so forth. In some alternateembodiments, input controller(s) 160 are, optionally, coupled to any (ornone) of the following: a keyboard, an infrared port, a USB port, and apointer device such as a mouse. The one or more buttons (e.g., 208, FIG.2) optionally include an up/down button for volume control of speaker111 and/or microphone 113. The one or more buttons optionally include apush button (e.g., 206, FIG. 2).

A quick press of the push button optionally disengages a lock of touchscreen 112 or optionally begins a process that uses gestures on thetouch screen to unlock the device, as described in U.S. patentapplication Ser. No. 11/322,549, “Unlocking a Device by PerformingGestures on an Unlock Image,” filed Dec. 23, 2005, U.S. Pat. No.7,657,849, which is hereby incorporated by reference in its entirety. Alonger press of the push button (e.g., 206) optionally turns power todevice 100 on or off. The functionality of one or more of the buttonsare, optionally, user-customizable. Touch screen 112 is used toimplement virtual or soft buttons and one or more soft keyboards.

Touch-sensitive display 112 provides an input interface and an outputinterface between the device and a user. Display controller 156 receivesand/or sends electrical signals from/to touch screen 112. Touch screen112 displays visual output to the user. The visual output optionallyincludes graphics, text, icons, video, and any combination thereof(collectively termed “graphics”). In some embodiments, some or all ofthe visual output optionally corresponds to user-interface objects.

Touch screen 112 has a touch-sensitive surface, sensor, or set ofsensors that accepts input from the user based on haptic and/or tactilecontact. Touch screen 112 and display controller 156 (along with anyassociated modules and/or sets of instructions in memory 102) detectcontact (and any movement or breaking of the contact) on touch screen112 and convert the detected contact into interaction withuser-interface objects (e.g., one or more soft keys, icons, web pages,or images) that are displayed on touch screen 112. In an exemplaryembodiment, a point of contact between touch screen 112 and the usercorresponds to a finger of the user.

Touch screen 112 optionally uses LCD (liquid crystal display)technology, LPD (light emitting polymer display) technology, or LED(light emitting diode) technology, although other display technologiesare used in other embodiments. Touch screen 112 and display controller156 optionally detect contact and any movement or breaking thereof usingany of a plurality of touch sensing technologies now known or laterdeveloped, including but not limited to capacitive, resistive, infrared,and surface acoustic wave technologies, as well as other proximitysensor arrays or other elements for determining one or more points ofcontact with touch screen 112. In an exemplary embodiment, projectedmutual capacitance sensing technology is used, such as that found in theiPhone® and iPod Touch® from Apple Inc. of Cupertino, Calif.

A touch-sensitive display in some embodiments of touch screen 112 is,optionally, analogous to the multi-touch sensitive touchpads describedin the following U.S. Pat. No. 6,323,846 (Westerman et al.), U.S. Pat.No. 6,570,557 (Westerman et al.), and/or U.S. Pat. No. 6,677,932(Westerman), and/or U.S. Patent Publication 2002/0015024A1, each ofwhich is hereby incorporated by reference in its entirety. However,touch screen 112 displays visual output from device 100, whereastouch-sensitive touchpads do not provide visual output.

A touch-sensitive display in some embodiments of touch screen 112 isdescribed in the following applications: (1) U.S. patent applicationSer. No. 11/381,313, “Multipoint Touch Surface Controller,” filed May 2,2006; (2) U.S. patent application Ser. No. 10/840,862, “MultipointTouchscreen,” filed May 6, 2004; (3) U.S. patent application Ser. No.10/903,964, “Gestures For Touch Sensitive Input Devices,” filed Jul. 30,2004; (4) U.S. patent application Ser. No. 11/048,264, “Gestures ForTouch Sensitive Input Devices,” filed Jan. 31, 2005; (5) U.S. patentapplication Ser. No. 11/038,590, “Mode-Based Graphical User InterfacesFor Touch Sensitive Input Devices,” filed Jan. 18, 2005; (6) U.S. patentapplication Ser. No. 11/228,758, “Virtual Input Device Placement On ATouch Screen User Interface,” filed Sep. 16, 2005; (7) U.S. patentapplication Ser. No. 11/228,700, “Operation Of A Computer With A TouchScreen Interface,” filed Sep. 16, 2005; (8) U.S. patent application Ser.No. 11/228,737, “Activating Virtual Keys Of A Touch-Screen VirtualKeyboard,” filed Sep. 16, 2005; and (9) U.S. patent application Ser. No.11/367,749, “Multi-Functional Hand-Held Device,” filed Mar. 3, 2006. Allof these applications are incorporated by reference herein in theirentirety.

Touch screen 112 optionally has a video resolution in excess of 100 dpi.In some embodiments, the touch screen has a video resolution ofapproximately 160 dpi. The user optionally makes contact with touchscreen 112 using any suitable object or appendage, such as a stylus, afinger, and so forth. In some embodiments, the user interface isdesigned to work primarily with finger-based contacts and gestures,which can be less precise than stylus-based input due to the larger areaof contact of a finger on the touch screen. In some embodiments, thedevice translates the rough finger-based input into a precisepointer/cursor position or command for performing the actions desired bythe user.

In some embodiments, in addition to the touch screen, device 100optionally includes a touchpad (not shown) for activating ordeactivating particular functions. In some embodiments, the touchpad isa touch-sensitive area of the device that, unlike the touch screen, doesnot display visual output. The touchpad is, optionally, atouch-sensitive surface that is separate from touch screen 112 or anextension of the touch-sensitive surface formed by the touch screen.

Device 100 also includes power system 162 for powering the variouscomponents. Power system 162 optionally includes a power managementsystem, one or more power sources (e.g., battery, alternating current(AC)), a recharging system, a power failure detection circuit, a powerconverter or inverter, a power status indicator (e.g., a light-emittingdiode (LED)) and any other components associated with the generation,management and distribution of power in portable devices.

Device 100 optionally also includes one or more optical sensors 164.FIG. 1A shows an optical sensor coupled to optical sensor controller 158in I/O subsystem 106. Optical sensor 164 optionally includescharge-coupled device (CCD) or complementary metal-oxide semiconductor(CMOS) phototransistors. Optical sensor 164 receives light from theenvironment, projected through one or more lenses, and converts thelight to data representing an image. In conjunction with imaging module143 (also called a camera module), optical sensor 164 optionallycaptures still images or video. In some embodiments, an optical sensoris located on the back of device 100, opposite touch screen display 112on the front of the device so that the touch screen display is enabledfor use as a viewfinder for still and/or video image acquisition. Insome embodiments, an optical sensor is located on the front of thedevice so that the user's image is, optionally, obtained for videoconferencing while the user views the other video conferenceparticipants on the touch screen display. In some embodiments, theposition of optical sensor 164 can be changed by the user (e.g., byrotating the lens and the sensor in the device housing) so that a singleoptical sensor 164 is used along with the touch screen display for bothvideo conferencing and still and/or video image acquisition.

Device 100 optionally also includes one or more contact intensitysensors 165. FIG. 1A shows a contact intensity sensor coupled tointensity sensor controller 159 in I/O subsystem 106. Contact intensitysensor 165 optionally includes one or more piezoresistive strain gauges,capacitive force sensors, electric force sensors, piezoelectric forcesensors, optical force sensors, capacitive touch-sensitive surfaces, orother intensity sensors (e.g., sensors used to measure the force (orpressure) of a contact on a touch-sensitive surface). Contact intensitysensor 165 receives contact intensity information (e.g., pressureinformation or a proxy for pressure information) from the environment.In some embodiments, at least one contact intensity sensor is collocatedwith, or proximate to, a touch-sensitive surface (e.g., touch-sensitivedisplay system 112). In some embodiments, at least one contact intensitysensor is located on the back of device 100, opposite touch screendisplay 112, which is located on the front of device 100.

Device 100 optionally also includes one or more proximity sensors 166.FIG. 1A shows proximity sensor 166 coupled to peripherals interface 118.Alternately, proximity sensor 166 is, optionally, coupled to inputcontroller 160 in I/O subsystem 106. Proximity sensor 166 optionallyperforms as described in U.S. patent application Ser. No. 11/241,839,“Proximity Detector In Handheld Device”; Ser. No. 11/240,788, “ProximityDetector In Handheld Device”; Ser. No. 11/620,702, “Using Ambient LightSensor To Augment Proximity Sensor Output”; Ser. No. 11/586,862,“Automated Response To And Sensing Of User Activity In PortableDevices”; and Ser. No. 11/638,251, “Methods And Systems For AutomaticConfiguration Of Peripherals,” which are hereby incorporated byreference in their entirety. In some embodiments, the proximity sensorturns off and disables touch screen 112 when the multifunction device isplaced near the user's ear (e.g., when the user is making a phone call).

Device 100 optionally also includes one or more tactile outputgenerators 167. FIG. 1A shows a tactile output generator coupled tohaptic feedback controller 161 in I/O subsystem 106. Tactile outputgenerator 167 optionally includes one or more electroacoustic devicessuch as speakers or other audio components and/or electromechanicaldevices that convert energy into linear motion such as a motor,solenoid, electroactive polymer, piezoelectric actuator, electrostaticactuator, or other tactile output generating component (e.g., acomponent that converts electrical signals into tactile outputs on thedevice). Contact intensity sensor 165 receives tactile feedbackgeneration instructions from haptic feedback module 133 and generatestactile outputs on device 100 that are capable of being sensed by a userof device 100. In some embodiments, at least one tactile outputgenerator is collocated with, or proximate to, a touch-sensitive surface(e.g., touch-sensitive display system 112) and, optionally, generates atactile output by moving the touch-sensitive surface vertically (e.g.,in/out of a surface of device 100) or laterally (e.g., back and forth inthe same plane as a surface of device 100). In some embodiments, atleast one tactile output generator sensor is located on the back ofdevice 100, opposite touch screen display 112, which is located on thefront of device 100.

Device 100 optionally also includes one or more accelerometers 168. FIG.1A shows accelerometer 168 coupled to peripherals interface 118.Alternately, accelerometer 168 is, optionally, coupled to an inputcontroller 160 in I/O subsystem 106. Accelerometer 168 optionallyperforms as described in U.S. Patent Publication No. 20050190059,“Acceleration-based Theft Detection System for Portable ElectronicDevices,” and U.S. Patent Publication No. 20060017692, “Methods AndApparatuses For Operating A Portable Device Based On An Accelerometer,”both of which are incorporated by reference herein in their entirety. Insome embodiments, information is displayed on the touch screen displayin a portrait view or a landscape view based on an analysis of datareceived from the one or more accelerometers. Device 100 optionallyincludes, in addition to accelerometer(s) 168, a magnetometer (notshown) and a GPS (or GLONASS or other global navigation system) receiver(not shown) for obtaining information concerning the location andorientation (e.g., portrait or landscape) of device 100.

In some embodiments, the software components stored in memory 102include operating system 126, communication module (or set ofinstructions) 128, contact/motion module (or set of instructions) 130,graphics module (or set of instructions) 132, text input module (or setof instructions) 134, Global Positioning System (GPS) module (or set ofinstructions) 135, and applications (or sets of instructions) 136.Furthermore, in some embodiments, memory 102 (FIG. 1A) or 370 (FIG. 3)stores device/global internal state 157, as shown in FIGS. 1A and 3.Device/global internal state 157 includes one or more of: activeapplication state, indicating which applications, if any, are currentlyactive; display state, indicating what applications, views or otherinformation occupy various regions of touch screen display 112; sensorstate, including information obtained from the device's various sensorsand input control devices 116; and location information concerning thedevice's location and/or attitude.

Operating system 126 (e.g., Darwin, RTXC, LINUX, UNIX, OS X, iOS,WINDOWS, or an embedded operating system such as VxWorks) includesvarious software components and/or drivers for controlling and managinggeneral system tasks (e.g., memory management, storage device control,power management, etc.) and facilitates communication between varioushardware and software components.

Communication module 128 facilitates communication with other devicesover one or more external ports 124 and also includes various softwarecomponents for handling data received by RF circuitry 108 and/orexternal port 124. External port 124 (e.g., Universal Serial Bus (USB),FIREWIRE, etc.) is adapted for coupling directly to other devices orindirectly over a network (e.g., the Internet, wireless LAN, etc.). Insome embodiments, the external port is a multi-pin (e.g., 30-pin)connector that is the same as, or similar to and/or compatible with, the30-pin connector used on iPod® (trademark of Apple Inc.) devices.

Contact/motion module 130 optionally detects contact with touch screen112 (in conjunction with display controller 156) and othertouch-sensitive devices (e.g., a touchpad or physical click wheel).Contact/motion module 130 includes various software components forperforming various operations related to detection of contact, such asdetermining if contact has occurred (e.g., detecting a finger-downevent), determining an intensity of the contact (e.g., the force orpressure of the contact or a substitute for the force or pressure of thecontact), determining if there is movement of the contact and trackingthe movement across the touch-sensitive surface (e.g., detecting one ormore finger-dragging events), and determining if the contact has ceased(e.g., detecting a finger-up event or a break in contact).Contact/motion module 130 receives contact data from the touch-sensitivesurface. Determining movement of the point of contact, which isrepresented by a series of contact data, optionally includes determiningspeed (magnitude), velocity (magnitude and direction), and/or anacceleration (a change in magnitude and/or direction) of the point ofcontact. These operations are, optionally, applied to single contacts(e.g., one finger contacts) or to multiple simultaneous contacts (e.g.,“multitouch”/multiple finger contacts). In some embodiments,contact/motion module 130 and display controller 156 detect contact on atouchpad.

In some embodiments, contact/motion module 130 uses a set of one or moreintensity thresholds to determine whether an operation has beenperformed by a user (e.g., to determine whether a user has “clicked” onan icon). In some embodiments, at least a subset of the intensitythresholds are determined in accordance with software parameters (e.g.,the intensity thresholds are not determined by the activation thresholdsof particular physical actuators and can be adjusted without changingthe physical hardware of device 100). For example, a mouse “click”threshold of a trackpad or touch screen display can be set to any of alarge range of predefined threshold values without changing the trackpador touch screen display hardware. Additionally, in some implementations,a user of the device is provided with software settings for adjustingone or more of the set of intensity thresholds (e.g., by adjustingindividual intensity thresholds and/or by adjusting a plurality ofintensity thresholds at once with a system-level click “intensity”parameter).

Contact/motion module 130 optionally detects a gesture input by a user.Different gestures on the touch-sensitive surface have different contactpatterns (e.g., different motions, timings, and/or intensities ofdetected contacts). Thus, a gesture is, optionally, detected bydetecting a particular contact pattern. For example, detecting a fingertap gesture includes detecting a finger-down event followed by detectinga finger-up (liftoff) event at the same position (or substantially thesame position) as the finger-down event (e.g., at the position of anicon). As another example, detecting a finger swipe gesture on thetouch-sensitive surface includes detecting a finger-down event followedby detecting one or more finger-dragging events, and subsequentlyfollowed by detecting a finger-up (liftoff) event.

Graphics module 132 includes various known software components forrendering and displaying graphics on touch screen 112 or other display,including components for changing the visual impact (e.g., brightness,transparency, saturation, contrast, or other visual property) ofgraphics that are displayed. As used herein, the term “graphics”includes any object that can be displayed to a user, including, withoutlimitation, text, web pages, icons (such as user-interface objectsincluding soft keys), digital images, videos, animations, and the like.

In some embodiments, graphics module 132 stores data representinggraphics to be used. Each graphic is, optionally, assigned acorresponding code. Graphics module 132 receives, from applicationsetc., one or more codes specifying graphics to be displayed along with,if necessary, coordinate data and other graphic property data, and thengenerates screen image data to output to display controller 156.

Haptic feedback module 133 includes various software components forgenerating instructions used by tactile output generator(s) 167 toproduce tactile outputs at one or more locations on device 100 inresponse to user interactions with device 100.

Text input module 134, which is, optionally, a component of graphicsmodule 132, provides soft keyboards for entering text in variousapplications (e.g., contacts 137, e-mail 140, IM 141, browser 147, andany other application that needs text input).

GPS module 135 determines the location of the device and provides thisinformation for use in various applications (e.g., to telephone 138 foruse in location-based dialing; to camera 143 as picture/video metadata;and to applications that provide location-based services such as weatherwidgets, local yellow page widgets, and map/navigation widgets).

Applications 136 optionally include the following modules (or sets ofinstructions), or a subset or superset thereof:

-   -   Contacts module 137 (sometimes called an address book or contact        list);    -   Telephone module 138;    -   Video conference module 139;    -   E-mail client module 140;    -   Instant messaging (IM) module 141;    -   Workout support module 142;    -   Camera module 143 for still and/or video images;    -   Image management module 144;    -   Video player module;    -   Music player module;    -   Browser module 147;    -   Calendar module 148;    -   Widget modules 149, which optionally include one or more of:        weather widget 149-1, stocks widget 149-2, calculator widget        149-3, alarm clock widget 149-4, dictionary widget 149-5, and        other widgets obtained by the user, as well as user-created        widgets 149-6;    -   Widget creator module 150 for making user-created widgets 149-6;    -   Search module 151;    -   Video and music player module 152, which merges video player        module and music player module;    -   Notes module 153;    -   Map module 154; and/or    -   Online video module 155.

Examples of other applications 136 that are, optionally, stored inmemory 102 include other word processing applications, other imageediting applications, drawing applications, presentation applications,JAVA-enabled applications, encryption, digital rights management, voicerecognition, and voice replication.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, and text input module134, contacts module 137 are, optionally, used to manage an address bookor contact list (e.g., stored in application internal state 192 ofcontacts module 137 in memory 102 or memory 370), including: addingname(s) to the address book; deleting name(s) from the address book;associating telephone number(s), e-mail address(es), physicaladdress(es) or other information with a name; associating an image witha name; categorizing and sorting names; providing telephone numbers ore-mail addresses to initiate and/or facilitate communications bytelephone 138, video conference module 139, e-mail 140, or IM 141; andso forth.

In conjunction with RF circuitry 108, audio circuitry 110, speaker 111,microphone 113, touch screen 112, display controller 156, contact/motionmodule 130, graphics module 132, and text input module 134, telephonemodule 138 are optionally, used to enter a sequence of characterscorresponding to a telephone number, access one or more telephonenumbers in contacts module 137, modify a telephone number that has beenentered, dial a respective telephone number, conduct a conversation, anddisconnect or hang up when the conversation is completed. As notedabove, the wireless communication optionally uses any of a plurality ofcommunications standards, protocols, and technologies.

In conjunction with RF circuitry 108, audio circuitry 110, speaker 111,microphone 113, touch screen 112, display controller 156, optical sensor164, optical sensor controller 158, contact/motion module 130, graphicsmodule 132, text input module 134, contacts module 137, and telephonemodule 138, video conference module 139 includes executable instructionsto initiate, conduct, and terminate a video conference between a userand one or more other participants in accordance with user instructions.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, and textinput module 134, e-mail client module 140 includes executableinstructions to create, send, receive, and manage e-mail in response touser instructions. In conjunction with image management module 144,e-mail client module 140 makes it very easy to create and send e-mailswith still or video images taken with camera module 143.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, and textinput module 134, the instant messaging module 141 includes executableinstructions to enter a sequence of characters corresponding to aninstant message, to modify previously entered characters, to transmit arespective instant message (for example, using a Short Message Service(SMS) or Multimedia Message Service (MMS) protocol for telephony-basedinstant messages or using XMPP, SIMPLE, or IMPS for Internet-basedinstant messages), to receive instant messages, and to view receivedinstant messages. In some embodiments, transmitted and/or receivedinstant messages optionally include graphics, photos, audio files, videofiles and/or other attachments as are supported in an MMS and/or anEnhanced Messaging Service (EMS). As used herein, “instant messaging”refers to both telephony-based messages (e.g., messages sent using SMSor MMS) and Internet-based messages (e.g., messages sent using XMPP,SIMPLE, or IMPS).

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, GPS module 135, map module 154, and music playermodule, workout support module 142 includes executable instructions tocreate workouts (e.g., with time, distance, and/or calorie burninggoals); communicate with workout sensors (sports devices); receiveworkout sensor data; calibrate sensors used to monitor a workout; selectand play music for a workout; and display, store, and transmit workoutdata.

In conjunction with touch screen 112, display controller 156, opticalsensor(s) 164, optical sensor controller 158, contact/motion module 130,graphics module 132, and image management module 144, camera module 143includes executable instructions to capture still images or video(including a video stream) and store them into memory 102, modifycharacteristics of a still image or video, or delete a still image orvideo from memory 102.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, text input module 134,and camera module 143, image management module 144 includes executableinstructions to arrange, modify (e.g., edit), or otherwise manipulate,label, delete, present (e.g., in a digital slide show or album), andstore still and/or video images.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, and textinput module 134, browser module 147 includes executable instructions tobrowse the Internet in accordance with user instructions, includingsearching, linking to, receiving, and displaying web pages or portionsthereof, as well as attachments and other files linked to web pages.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, e-mail client module 140, and browser module 147,calendar module 148 includes executable instructions to create, display,modify, and store calendars and data associated with calendars (e.g.,calendar entries, to-do lists, etc.) in accordance with userinstructions.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, and browser module 147, widget modules 149 aremini-applications that are, optionally, downloaded and used by a user(e.g., weather widget 149-1, stocks widget 149-2, calculator widget149-3, alarm clock widget 149-4, and dictionary widget 149-5) or createdby the user (e.g., user-created widget 149-6). In some embodiments, awidget includes an HTML (Hypertext Markup Language) file, a CSS(Cascading Style Sheets) file, and a JavaScript file. In someembodiments, a widget includes an XML (Extensible Markup Language) fileand a JavaScript file (e.g., Yahoo!Widgets).

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, and browser module 147, the widget creator module 150are, optionally, used by a user to create widgets (e.g., turning auser-specified portion of a web page into a widget).

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, and text input module134, search module 151 includes executable instructions to search fortext, music, sound, image, video, and/or other files in memory 102 thatmatch one or more search criteria (e.g., one or more user-specifiedsearch terms) in accordance with user instructions.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, audio circuitry 110,speaker 111, RF circuitry 108, and browser module 147, video and musicplayer module 152 includes executable instructions that allow the userto download and play back recorded music and other sound files stored inone or more file formats, such as MP3 or AAC files, and executableinstructions to display, present, or otherwise play back videos (e.g.,on touch screen 112 or on an external, connected display via externalport 124). In some embodiments, device 100 optionally includes thefunctionality of an MP3 player, such as an iPod (trademark of AppleInc.).

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, and text input module134, notes module 153 includes executable instructions to create andmanage notes, to-do lists, and the like in accordance with userinstructions.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, GPS module 135, and browser module 147, map module 154are, optionally, used to receive, display, modify, and store maps anddata associated with maps (e.g., driving directions, data on stores andother points of interest at or near a particular location, and otherlocation-based data) in accordance with user instructions.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, audio circuitry 110,speaker 111, RF circuitry 108, text input module 134, e-mail clientmodule 140, and browser module 147, online video module 155 includesinstructions that allow the user to access, browse, receive (e.g., bystreaming and/or download), play back (e.g., on the touch screen or onan external, connected display via external port 124), send an e-mailwith a link to a particular online video, and otherwise manage onlinevideos in one or more file formats, such as H.264. In some embodiments,instant messaging module 141, rather than e-mail client module 140, isused to send a link to a particular online video. Additional descriptionof the online video application can be found in U.S. Provisional PatentApplication No. 60/936,562, “Portable Multifunction Device, Method, andGraphical User Interface for Playing Online Videos,” filed Jun. 20,2007, and U.S. patent application Ser. No. 11/968,067, “PortableMultifunction Device, Method, and Graphical User Interface for PlayingOnline Videos,” filed Dec. 31, 2007, the contents of which are herebyincorporated by reference in their entirety.

Each of the above-identified modules and applications corresponds to aset of executable instructions for performing one or more functionsdescribed above and the methods described in this application (e.g., thecomputer-implemented methods and other information processing methodsdescribed herein). These modules (e.g., sets of instructions) need notbe implemented as separate software programs, procedures, or modules,and thus various subsets of these modules are, optionally, combined orotherwise rearranged in various embodiments. For example, video playermodule is, optionally, combined with music player module into a singlemodule (e.g., video and music player module 152, FIG. 1A). In someembodiments, memory 102 optionally stores a subset of the modules anddata structures identified above. Furthermore, memory 102 optionallystores additional modules and data structures not described above.

In some embodiments, device 100 is a device where operation of apredefined set of functions on the device is performed exclusivelythrough a touch screen and/or a touchpad. By using a touch screen and/ora touchpad as the primary input control device for operation of device100, the number of physical input control devices (such as push buttons,dials, and the like) on device 100 is, optionally, reduced.

The predefined set of functions that are performed exclusively through atouch screen and/or a touchpad optionally include navigation betweenuser interfaces. In some embodiments, the touchpad, when touched by theuser, navigates device 100 to a main, home, or root menu from any userinterface that is displayed on device 100. In such embodiments, a “menubutton” is implemented using a touchpad. In some other embodiments, themenu button is a physical push button or other physical input controldevice instead of a touchpad.

FIG. 1B is a block diagram illustrating exemplary components for eventhandling in accordance with some embodiments. In some embodiments,memory 102 (FIG. 1A) or 370 (FIG. 3) includes event sorter 170 (e.g., inoperating system 126) and a respective application 136-1 (e.g., any ofthe aforementioned applications 137-151, 155, 380-390).

Event sorter 170 receives event information and determines theapplication 136-1 and application view 191 of application 136-1 to whichto deliver the event information. Event sorter 170 includes eventmonitor 171 and event dispatcher module 174. In some embodiments,application 136-1 includes application internal state 192, whichindicates the current application view(s) displayed on touch-sensitivedisplay 112 when the application is active or executing. In someembodiments, device/global internal state 157 is used by event sorter170 to determine which application(s) is (are) currently active, andapplication internal state 192 is used by event sorter 170 to determineapplication views 191 to which to deliver event information.

In some embodiments, application internal state 192 includes additionalinformation, such as one or more of: resume information to be used whenapplication 136-1 resumes execution, user interface state informationthat indicates information being displayed or that is ready for displayby application 136-1, a state queue for enabling the user to go back toa prior state or view of application 136-1, and a redo/undo queue ofprevious actions taken by the user.

Event monitor 171 receives event information from peripherals interface118. Event information includes information about a sub-event (e.g., auser touch on touch-sensitive display 112, as part of a multi-touchgesture). Peripherals interface 118 transmits information it receivesfrom I/O subsystem 106 or a sensor, such as proximity sensor 166,accelerometer(s) 168, and/or microphone 113 (through audio circuitry110). Information that peripherals interface 118 receives from I/Osubsystem 106 includes information from touch-sensitive display 112 or atouch-sensitive surface.

In some embodiments, event monitor 171 sends requests to the peripheralsinterface 118 at predetermined intervals. In response, peripheralsinterface 118 transmits event information. In other embodiments,peripherals interface 118 transmits event information only when there isa significant event (e.g., receiving an input above a predeterminednoise threshold and/or for more than a predetermined duration).

In some embodiments, event sorter 170 also includes a hit viewdetermination module 172 and/or an active event recognizer determinationmodule 173.

Hit view determination module 172 provides software procedures fordetermining where a sub-event has taken place within one or more viewswhen touch-sensitive display 112 displays more than one view. Views aremade up of controls and other elements that a user can see on thedisplay.

Another aspect of the user interface associated with an application is aset of views, sometimes herein called application views or userinterface windows, in which information is displayed and touch-basedgestures occur. The application views (of a respective application) inwhich a touch is detected optionally correspond to programmatic levelswithin a programmatic or view hierarchy of the application. For example,the lowest level view in which a touch is detected is, optionally,called the hit view, and the set of events that are recognized as properinputs are, optionally, determined based, at least in part, on the hitview of the initial touch that begins a touch-based gesture.

Hit view determination module 172 receives information related tosub-events of a touch-based gesture. When an application has multipleviews organized in a hierarchy, hit view determination module 172identifies a hit view as the lowest view in the hierarchy which shouldhandle the sub-event. In most circumstances, the hit view is the lowestlevel view in which an initiating sub-event occurs (e.g., the firstsub-event in the sequence of sub-events that form an event or potentialevent). Once the hit view is identified by the hit view determinationmodule 172, the hit view typically receives all sub-events related tothe same touch or input source for which it was identified as the hitview.

Active event recognizer determination module 173 determines which viewor views within a view hierarchy should receive a particular sequence ofsub-events. In some embodiments, active event recognizer determinationmodule 173 determines that only the hit view should receive a particularsequence of sub-events. In other embodiments, active event recognizerdetermination module 173 determines that all views that include thephysical location of a sub-event are actively involved views, andtherefore determines that all actively involved views should receive aparticular sequence of sub-events. In other embodiments, even if touchsub-events were entirely confined to the area associated with oneparticular view, views higher in the hierarchy would still remain asactively involved views.

Event dispatcher module 174 dispatches the event information to an eventrecognizer (e.g., event recognizer 180). In embodiments including activeevent recognizer determination module 173, event dispatcher module 174delivers the event information to an event recognizer determined byactive event recognizer determination module 173. In some embodiments,event dispatcher module 174 stores in an event queue the eventinformation, which is retrieved by a respective event receiver 182.

In some embodiments, operating system 126 includes event sorter 170.Alternatively, application 136-1 includes event sorter 170. In yet otherembodiments, event sorter 170 is a stand-alone module, or a part ofanother module stored in memory 102, such as contact/motion module 130.

In some embodiments, application 136-1 includes a plurality of eventhandlers 190 and one or more application views 191, each of whichincludes instructions for handling touch events that occur within arespective view of the application's user interface. Each applicationview 191 of the application 136-1 includes one or more event recognizers180. Typically, a respective application view 191 includes a pluralityof event recognizers 180. In other embodiments, one or more of eventrecognizers 180 are part of a separate module, such as a user interfacekit (not shown) or a higher level object from which application 136-1inherits methods and other properties. In some embodiments, a respectiveevent handler 190 includes one or more of: data updater 176, objectupdater 177, GUI updater 178, and/or event data 179 received from eventsorter 170. Event handler 190 optionally utilizes or calls data updater176, object updater 177, or GUI updater 178 to update the applicationinternal state 192. Alternatively, one or more of the application views191 include one or more respective event handlers 190. Also, in someembodiments, one or more of data updater 176, object updater 177, andGUI updater 178 are included in a respective application view 191.

A respective event recognizer 180 receives event information (e.g.,event data 179) from event sorter 170 and identifies an event from theevent information. Event recognizer 180 includes event receiver 182 andevent comparator 184. In some embodiments, event recognizer 180 alsoincludes at least a subset of: metadata 183, and event deliveryinstructions 188 (which optionally include sub-event deliveryinstructions).

Event receiver 182 receives event information from event sorter 170. Theevent information includes information about a sub-event, for example, atouch or a touch movement. Depending on the sub-event, the eventinformation also includes additional information, such as location ofthe sub-event. When the sub-event concerns motion of a touch, the eventinformation optionally also includes speed and direction of thesub-event. In some embodiments, events include rotation of the devicefrom one orientation to another (e.g., from a portrait orientation to alandscape orientation, or vice versa), and the event informationincludes corresponding information about the current orientation (alsocalled device attitude) of the device.

Event comparator 184 compares the event information to predefined eventor sub-event definitions and, based on the comparison, determines anevent or sub-event, or determines or updates the state of an event orsub-event. In some embodiments, event comparator 184 includes eventdefinitions 186. Event definitions 186 contain definitions of events(e.g., predefined sequences of sub-events), for example, event 1(187-1), event 2 (187-2), and others. In some embodiments, sub-events inan event (187) include, for example, touch begin, touch end, touchmovement, touch cancellation, and multiple touching. In one example, thedefinition for event 1 (187-1) is a double tap on a displayed object.The double tap, for example, comprises a first touch (touch begin) onthe displayed object for a predetermined phase, a first liftoff (touchend) for a predetermined phase, a second touch (touch begin) on thedisplayed object for a predetermined phase, and a second liftoff (touchend) for a predetermined phase. In another example, the definition forevent 2 (187-2) is a dragging on a displayed object. The dragging, forexample, comprises a touch (or contact) on the displayed object for apredetermined phase, a movement of the touch across touch-sensitivedisplay 112, and liftoff of the touch (touch end). In some embodiments,the event also includes information for one or more associated eventhandlers 190.

In some embodiments, event definition 187 includes a definition of anevent for a respective user-interface object. In some embodiments, eventcomparator 184 performs a hit test to determine which user-interfaceobject is associated with a sub-event. For example, in an applicationview in which three user-interface objects are displayed ontouch-sensitive display 112, when a touch is detected on touch-sensitivedisplay 112, event comparator 184 performs a hit test to determine whichof the three user-interface objects is associated with the touch(sub-event). If each displayed object is associated with a respectiveevent handler 190, the event comparator uses the result of the hit testto determine which event handler 190 should be activated. For example,event comparator 184 selects an event handler associated with thesub-event and the object triggering the hit test.

In some embodiments, the definition for a respective event (187) alsoincludes delayed actions that delay delivery of the event informationuntil after it has been determined whether the sequence of sub-eventsdoes or does not correspond to the event recognizer's event type.

When a respective event recognizer 180 determines that the series ofsub-events do not match any of the events in event definitions 186, therespective event recognizer 180 enters an event impossible, eventfailed, or event ended state, after which it disregards subsequentsub-events of the touch-based gesture. In this situation, other eventrecognizers, if any, that remain active for the hit view continue totrack and process sub-events of an ongoing touch-based gesture.

In some embodiments, a respective event recognizer 180 includes metadata183 with configurable properties, flags, and/or lists that indicate howthe event delivery system should perform sub-event delivery to activelyinvolved event recognizers. In some embodiments, metadata 183 includesconfigurable properties, flags, and/or lists that indicate how eventrecognizers interact, or are enabled to interact, with one another. Insome embodiments, metadata 183 includes configurable properties, flags,and/or lists that indicate whether sub-events are delivered to varyinglevels in the view or programmatic hierarchy.

In some embodiments, a respective event recognizer 180 activates eventhandler 190 associated with an event when one or more particularsub-events of an event are recognized. In some embodiments, a respectiveevent recognizer 180 delivers event information associated with theevent to event handler 190. Activating an event handler 190 is distinctfrom sending (and deferred sending) sub-events to a respective hit view.In some embodiments, event recognizer 180 throws a flag associated withthe recognized event, and event handler 190 associated with the flagcatches the flag and performs a predefined process.

In some embodiments, event delivery instructions 188 include sub-eventdelivery instructions that deliver event information about a sub-eventwithout activating an event handler. Instead, the sub-event deliveryinstructions deliver event information to event handlers associated withthe series of sub-events or to actively involved views. Event handlersassociated with the series of sub-events or with actively involved viewsreceive the event information and perform a predetermined process.

In some embodiments, data updater 176 creates and updates data used inapplication 136-1. For example, data updater 176 updates the telephonenumber used in contacts module 137, or stores a video file used in videoplayer module. In some embodiments, object updater 177 creates andupdates objects used in application 136-1. For example, object updater177 creates a new user-interface object or updates the position of auser-interface object. GUI updater 178 updates the GUI. For example, GUIupdater 178 prepares display information and sends it to graphics module132 for display on a touch-sensitive display.

In some embodiments, event handler(s) 190 includes or has access to dataupdater 176, object updater 177, and GUI updater 178. In someembodiments, data updater 176, object updater 177, and GUI updater 178are included in a single module of a respective application 136-1 orapplication view 191. In other embodiments, they are included in two ormore software modules.

It shall be understood that the foregoing discussion regarding eventhandling of user touches on touch-sensitive displays also applies toother forms of user inputs to operate multifunction devices 100 withinput devices, not all of which are initiated on touch screens. Forexample, mouse movement and mouse button presses, optionally coordinatedwith single or multiple keyboard presses or holds; contact movementssuch as taps, drags, scrolls, etc. on touchpads; pen stylus inputs;movement of the device; oral instructions; detected eye movements;biometric inputs; and/or any combination thereof are optionally utilizedas inputs corresponding to sub-events which define an event to berecognized.

FIG. 2 illustrates a portable multifunction device 100 having a touchscreen 112 in accordance with some embodiments. The touch screenoptionally displays one or more graphics within user interface (UI) 200.In this embodiment, as well as others described below, a user is enabledto select one or more of the graphics by making a gesture on thegraphics, for example, with one or more fingers 202 (not drawn to scalein the figure) or one or more styluses 203 (not drawn to scale in thefigure). In some embodiments, selection of one or more graphics occurswhen the user breaks contact with the one or more graphics. In someembodiments, the gesture optionally includes one or more taps, one ormore swipes (from left to right, right to left, upward and/or downward),and/or a rolling of a finger (from right to left, left to right, upwardand/or downward) that has made contact with device 100. In someimplementations or circumstances, inadvertent contact with a graphicdoes not select the graphic. For example, a swipe gesture that sweepsover an application icon optionally does not select the correspondingapplication when the gesture corresponding to selection is a tap.

Device 100 optionally also include one or more physical buttons, such as“home” or menu button 204. As described previously, menu button 204 is,optionally, used to navigate to any application 136 in a set ofapplications that are, optionally, executed on device 100.Alternatively, in some embodiments, the menu button is implemented as asoft key in a GUI displayed on touch screen 112.

In some embodiments, device 100 includes touch screen 112, menu button204, push button 206 for powering the device on/off and locking thedevice, volume adjustment button(s) 208, subscriber identity module(SIM) card slot 210, headset jack 212, and docking/charging externalport 124. Push button 206 is, optionally, used to turn the power on/offon the device by depressing the button and holding the button in thedepressed state for a predefined time interval; to lock the device bydepressing the button and releasing the button before the predefinedtime interval has elapsed; and/or to unlock the device or initiate anunlock process. In an alternative embodiment, device 100 also acceptsverbal input for activation or deactivation of some functions throughmicrophone 113. Device 100 also, optionally, includes one or morecontact intensity sensors 165 for detecting intensity of contacts ontouch screen 112 and/or one or more tactile output generators 167 forgenerating tactile outputs for a user of device 100.

FIG. 3 is a block diagram of an exemplary multifunction device with adisplay and a touch-sensitive surface in accordance with someembodiments. Device 300 need not be portable. In some embodiments,device 300 is a laptop computer, a desktop computer, a tablet computer,a multimedia player device, a navigation device, an educational device(such as a child's learning toy), a gaming system, or a control device(e.g., a home or industrial controller). Device 300 typically includesone or more processing units (CPUs) 310, one or more network or othercommunications interfaces 360, memory 370, and one or more communicationbuses 320 for interconnecting these components. Communication buses 320optionally include circuitry (sometimes called a chipset) thatinterconnects and controls communications between system components.Device 300 includes input/output (I/O) interface 330 comprising display340, which is typically a touch screen display. I/O interface 330 alsooptionally includes a keyboard and/or mouse (or other pointing device)350 and touchpad 355, tactile output generator 357 for generatingtactile outputs on device 300 (e.g., similar to tactile outputgenerator(s) 167 described above with reference to FIG. 1A), sensors 359(e.g., optical, acceleration, proximity, touch-sensitive, and/or contactintensity sensors similar to contact intensity sensor(s) 165 describedabove with reference to FIG. 1A). Memory 370 includes high-speed randomaccess memory, such as DRAM, SRAM, DDR RAM, or other random access solidstate memory devices; and optionally includes non-volatile memory, suchas one or more magnetic disk storage devices, optical disk storagedevices, flash memory devices, or other non-volatile solid state storagedevices. Memory 370 optionally includes one or more storage devicesremotely located from CPU(s) 310. In some embodiments, memory 370 storesprograms, modules, and data structures analogous to the programs,modules, and data structures stored in memory 102 of portablemultifunction device 100 (FIG. 1A), or a subset thereof. Furthermore,memory 370 optionally stores additional programs, modules, and datastructures not present in memory 102 of portable multifunction device100. For example, memory 370 of device 300 optionally stores drawingmodule 380, presentation module 382, word processing module 384, websitecreation module 386, disk authoring module 388, and/or spreadsheetmodule 390, while memory 102 of portable multifunction device 100 (FIG.1A) optionally does not store these modules.

Each of the above-identified elements in FIG. 3 is, optionally, storedin one or more of the previously mentioned memory devices. Each of theabove-identified modules corresponds to a set of instructions forperforming a function described above. The above-identified modules orprograms (e.g., sets of instructions) need not be implemented asseparate software programs, procedures, or modules, and thus varioussubsets of these modules are, optionally, combined or otherwiserearranged in various embodiments. In some embodiments, memory 370optionally stores a subset of the modules and data structures identifiedabove. Furthermore, memory 370 optionally stores additional modules anddata structures not described above.

Attention is now directed towards embodiments of user interfaces thatare, optionally, implemented on, for example, portable multifunctiondevice 100.

FIG. 4A illustrates an exemplary user interface for a menu ofapplications on portable multifunction device 100 in accordance withsome embodiments. Similar user interfaces are, optionally, implementedon device 300. In some embodiments, user interface 400 includes thefollowing elements, or a subset or superset thereof:

-   -   Signal strength indicator(s) 402 for wireless communication(s),        such as cellular and Wi-Fi signals;    -   Time 404;    -   Bluetooth indicator 405;    -   Battery status indicator 406;    -   Tray 408 with icons for frequently used applications, such as:        -   Icon 416 for telephone module 138, labeled “Phone,” which            optionally includes an indicator 414 of the number of missed            calls or voicemail messages;        -   Icon 418 for e-mail client module 140, labeled “Mail,” which            optionally includes an indicator 410 of the number of unread            e-mails;        -   Icon 420 for browser module 147, labeled “Browser;” and        -   Icon 422 for video and music player module 152, also            referred to as iPod (trademark of Apple Inc.) module 152,            labeled “iPod;” and    -   Icons for other applications, such as:        -   Icon 424 for IM module 141, labeled “Messages;”        -   Icon 426 for calendar module 148, labeled “Calendar;”        -   Icon 428 for image management module 144, labeled “Photos;”        -   Icon 430 for camera module 143, labeled “Camera;”        -   Icon 432 for online video module 155, labeled “Online            Video;”        -   Icon 434 for stocks widget 149-2, labeled “Stocks;”        -   Icon 436 for map module 154, labeled “Maps;”        -   Icon 438 for weather widget 149-1, labeled “Weather;”        -   Icon 440 for alarm clock widget 149-4, labeled “Clock;”        -   Icon 442 for workout support module 142, labeled “Workout            Support;”        -   Icon 444 for notes module 153, labeled “Notes;” and        -   Icon 446 for a settings application or module, labeled            “Settings,” which provides access to settings for device 100            and its various applications 136.

It should be noted that the icon labels illustrated in FIG. 4A aremerely exemplary. For example, icon 422 for video and music playermodule 152 is labeled “Music” or “Music Player.” Other labels are,optionally, used for various application icons. In some embodiments, alabel for a respective application icon includes a name of anapplication corresponding to the respective application icon. In someembodiments, a label for a particular application icon is distinct froma name of an application corresponding to the particular applicationicon.

FIG. 4B illustrates an exemplary user interface on a device (e.g.,device 300, FIG. 3) with a touch-sensitive surface 451 (e.g., a tabletor touchpad 355, FIG. 3) that is separate from the display 450 (e.g.,touch screen display 112). Device 300 also, optionally, includes one ormore contact intensity sensors (e.g., one or more of sensors 359) fordetecting intensity of contacts on touch-sensitive surface 451 and/orone or more tactile output generators 357 for generating tactile outputsfor a user of device 300.

Although some of the examples that follow will be given with referenceto inputs on touch screen display 112 (where the touch-sensitive surfaceand the display are combined), in some embodiments, the device detectsinputs on a touch-sensitive surface that is separate from the display,as shown in FIG. 4B. In some embodiments, the touch-sensitive surface(e.g., 451 in FIG. 4B) has a primary axis (e.g., 452 in FIG. 4B) thatcorresponds to a primary axis (e.g., 453 in FIG. 4B) on the display(e.g., 450). In accordance with these embodiments, the device detectscontacts (e.g., 460 and 462 in FIG. 4B) with the touch-sensitive surface451 at locations that correspond to respective locations on the display(e.g., in FIG. 4B, 460 corresponds to 468 and 462 corresponds to 470).In this way, user inputs (e.g., contacts 460 and 462, and movementsthereof) detected by the device on the touch-sensitive surface (e.g.,451 in FIG. 4B) are used by the device to manipulate the user interfaceon the display (e.g., 450 in FIG. 4B) of the multifunction device whenthe touch-sensitive surface is separate from the display. It should beunderstood that similar methods are, optionally, used for other userinterfaces described herein.

Additionally, while the following examples are given primarily withreference to finger inputs (e.g., finger contacts, finger tap gestures,finger swipe gestures), it should be understood that, in someembodiments, one or more of the finger inputs are replaced with inputfrom another input device (e.g., a mouse-based input or stylus input).For example, a swipe gesture is, optionally, replaced with a mouse click(e.g., instead of a contact) followed by movement of the cursor alongthe path of the swipe (e.g., instead of movement of the contact). Asanother example, a tap gesture is, optionally, replaced with a mouseclick while the cursor is located over the location of the tap gesture(e.g., instead of detection of the contact followed by ceasing to detectthe contact). Similarly, when multiple user inputs are simultaneouslydetected, it should be understood that multiple computer mice are,optionally, used simultaneously, or a mouse and finger contacts are,optionally, used simultaneously.

FIG. 5A illustrates exemplary personal electronic device 500. Device 500includes body 502. In some embodiments, device 500 can include some orall of the features described with respect to devices 100 and 300 (e.g.,FIGS. 1A-4B). In some embodiments, device 500 has touch-sensitivedisplay screen 504, hereafter touch screen 504. Alternatively, or inaddition to touch screen 504, device 500 has a display and atouch-sensitive surface. As with devices 100 and 300, in someembodiments, touch screen 504 (or the touch-sensitive surface)optionally includes one or more intensity sensors for detectingintensity of contacts (e.g., touches) being applied. The one or moreintensity sensors of touch screen 504 (or the touch-sensitive surface)can provide output data that represents the intensity of touches. Theuser interface of device 500 can respond to touches based on theirintensity, meaning that touches of different intensities can invokedifferent user interface operations on device 500.

Exemplary techniques for detecting and processing touch intensity arefound, for example, in related applications: International PatentApplication Serial No. PCT/US2013/040061, titled “Device, Method, andGraphical User Interface for Displaying User Interface ObjectsCorresponding to an Application,” filed May 8, 2013, published as WIPOPublication No. WO/2013/169849, and International Patent ApplicationSerial No. PCT/US2013/069483, titled “Device, Method, and Graphical UserInterface for Transitioning Between Touch Input to Display OutputRelationships,” filed Nov. 11, 2013, published as WIPO Publication No.WO/2014/105276, each of which is hereby incorporated by reference intheir entirety.

In some embodiments, device 500 has one or more input mechanisms 506 and508. Input mechanisms 506 and 508, if included, can be physical.Examples of physical input mechanisms include push buttons and rotatablemechanisms. In some embodiments, device 500 has one or more attachmentmechanisms. Such attachment mechanisms, if included, can permitattachment of device 500 with, for example, hats, eyewear, earrings,necklaces, shirts, jackets, bracelets, watch straps, chains, trousers,belts, shoes, purses, backpacks, and so forth. These attachmentmechanisms permit device 500 to be worn by a user.

FIG. 5B depicts exemplary personal electronic device 500. In someembodiments, device 500 can include some or all of the componentsdescribed with respect to FIGS. 1A, 1, and 3. Device 500 has bus 512that operatively couples I/O section 514 with one or more computerprocessors 516 and memory 518. I/O section 514 can be connected todisplay 504, which can have touch-sensitive component 522 and,optionally, intensity sensor 524 (e.g., contact intensity sensor). Inaddition, I/O section 514 can be connected with communication unit 530for receiving application and operating system data, using Wi-Fi,Bluetooth, near field communication (NFC), cellular, and/or otherwireless communication techniques. Device 500 can include inputmechanisms 506 and/or 508. Input mechanism 506 is, optionally, arotatable input device. Input mechanism 508 is, optionally, a button, insome examples.

Input mechanism 508 is, optionally, a microphone, in some examples.Personal electronic device 500 optionally includes various sensors, suchas GPS sensor 532, accelerometer 534, directional sensor 540 (e.g.,compass), gyroscope 536, motion sensor 538, and/or a combinationthereof, all of which can be operatively connected to I/O section 514.

Memory 518 of personal electronic device 500 can include one or morenon-transitory computer-readable storage mediums, for storingcomputer-executable instructions, which, when executed by one or morecomputer processors 516, for example, can cause the computer processorsto perform the techniques described below, including processes 700, 900,1100, and 1300 (FIGS. 7A-7C, 9A-9D, 11A-11B, and 13A-13C). Acomputer-readable storage medium can be any medium that can tangiblycontain or store computer-executable instructions for use by or inconnection with the instruction execution system, apparatus, or device.In some examples, the storage medium is a transitory computer-readablestorage medium. In some examples, the storage medium is a non-transitorycomputer-readable storage medium. The non-transitory computer-readablestorage medium can include, but is not limited to, magnetic, optical,and/or semiconductor storages. Examples of such storage include magneticdisks, optical discs based on CD, DVD, or Blu-ray technologies, as wellas persistent solid-state memory such as flash, solid-state drives, andthe like. Personal electronic device 500 is not limited to thecomponents and configuration of FIG. 5B, but can include other oradditional components in multiple configurations.

As used here, the term “affordance” refers to a user-interactivegraphical user interface object that is, optionally, displayed on thedisplay screen of devices 100, 300, and/or 500 (FIGS. 1A, 3, and 5A-5B).For example, an image (e.g., icon), a button, and text (e.g., hyperlink)each optionally constitute an affordance.

As used herein, the term “focus selector” refers to an input elementthat indicates a current part of a user interface with which a user isinteracting. In some implementations that include a cursor or otherlocation marker, the cursor acts as a “focus selector” so that when aninput (e.g., a press input) is detected on a touch-sensitive surface(e.g., touchpad 355 in FIG. 3 or touch-sensitive surface 451 in FIG. 4B)while the cursor is over a particular user interface element (e.g., abutton, window, slider, or other user interface element), the particularuser interface element is adjusted in accordance with the detectedinput. In some implementations that include a touch screen display(e.g., touch-sensitive display system 112 in FIG. 1A or touch screen 112in FIG. 4A) that enables direct interaction with user interface elementson the touch screen display, a detected contact on the touch screen actsas a “focus selector” so that when an input (e.g., a press input by thecontact) is detected on the touch screen display at a location of aparticular user interface element (e.g., a button, window, slider, orother user interface element), the particular user interface element isadjusted in accordance with the detected input. In some implementations,focus is moved from one region of a user interface to another region ofthe user interface without corresponding movement of a cursor ormovement of a contact on a touch screen display (e.g., by using a tabkey or arrow keys to move focus from one button to another button); inthese implementations, the focus selector moves in accordance withmovement of focus between different regions of the user interface.Without regard to the specific form taken by the focus selector, thefocus selector is generally the user interface element (or contact on atouch screen display) that is controlled by the user so as tocommunicate the user's intended interaction with the user interface(e.g., by indicating, to the device, the element of the user interfacewith which the user is intending to interact). For example, the locationof a focus selector (e.g., a cursor, a contact, or a selection box) overa respective button while a press input is detected on thetouch-sensitive surface (e.g., a touchpad or touch screen) will indicatethat the user is intending to activate the respective button (as opposedto other user interface elements shown on a display of the device).

As used in the specification and claims, the term “characteristicintensity” of a contact refers to a characteristic of the contact basedon one or more intensities of the contact. In some embodiments, thecharacteristic intensity is based on multiple intensity samples. Thecharacteristic intensity is, optionally, based on a predefined number ofintensity samples, or a set of intensity samples collected during apredetermined time period (e.g., 0.05, 0.1, 0.2, 0.5, 1, 2, 5, 10seconds) relative to a predefined event (e.g., after detecting thecontact, prior to detecting liftoff of the contact, before or afterdetecting a start of movement of the contact, prior to detecting an endof the contact, before or after detecting an increase in intensity ofthe contact, and/or before or after detecting a decrease in intensity ofthe contact). A characteristic intensity of a contact is, optionally,based on one or more of: a maximum value of the intensities of thecontact, a mean value of the intensities of the contact, an averagevalue of the intensities of the contact, a top 10 percentile value ofthe intensities of the contact, a value at the half maximum of theintensities of the contact, a value at the 90 percent maximum of theintensities of the contact, or the like. In some embodiments, theduration of the contact is used in determining the characteristicintensity (e.g., when the characteristic intensity is an average of theintensity of the contact over time). In some embodiments, thecharacteristic intensity is compared to a set of one or more intensitythresholds to determine whether an operation has been performed by auser. For example, the set of one or more intensity thresholdsoptionally includes a first intensity threshold and a second intensitythreshold. In this example, a contact with a characteristic intensitythat does not exceed the first threshold results in a first operation, acontact with a characteristic intensity that exceeds the first intensitythreshold and does not exceed the second intensity threshold results ina second operation, and a contact with a characteristic intensity thatexceeds the second threshold results in a third operation. In someembodiments, a comparison between the characteristic intensity and oneor more thresholds is used to determine whether or not to perform one ormore operations (e.g., whether to perform a respective operation orforgo performing the respective operation), rather than being used todetermine whether to perform a first operation or a second operation.

In some embodiments, a portion of a gesture is identified for purposesof determining a characteristic intensity. For example, atouch-sensitive surface optionally receives a continuous swipe contacttransitioning from a start location and reaching an end location, atwhich point the intensity of the contact increases. In this example, thecharacteristic intensity of the contact at the end location is,optionally, based on only a portion of the continuous swipe contact, andnot the entire swipe contact (e.g., only the portion of the swipecontact at the end location). In some embodiments, a smoothing algorithmis, optionally, applied to the intensities of the swipe contact prior todetermining the characteristic intensity of the contact. For example,the smoothing algorithm optionally includes one or more of: anunweighted sliding-average smoothing algorithm, a triangular smoothingalgorithm, a median filter smoothing algorithm, and/or an exponentialsmoothing algorithm. In some circumstances, these smoothing algorithmseliminate narrow spikes or dips in the intensities of the swipe contactfor purposes of determining a characteristic intensity.

The intensity of a contact on the touch-sensitive surface is,optionally, characterized relative to one or more intensity thresholds,such as a contact-detection intensity threshold, a light press intensitythreshold, a deep press intensity threshold, and/or one or more otherintensity thresholds. In some embodiments, the light press intensitythreshold corresponds to an intensity at which the device will performoperations typically associated with clicking a button of a physicalmouse or a trackpad. In some embodiments, the deep press intensitythreshold corresponds to an intensity at which the device will performoperations that are different from operations typically associated withclicking a button of a physical mouse or a trackpad. In someembodiments, when a contact is detected with a characteristic intensitybelow the light press intensity threshold (e.g., and above a nominalcontact-detection intensity threshold below which the contact is nolonger detected), the device will move a focus selector in accordancewith movement of the contact on the touch-sensitive surface withoutperforming an operation associated with the light press intensitythreshold or the deep press intensity threshold. Generally, unlessotherwise stated, these intensity thresholds are consistent betweendifferent sets of user interface figures.

An increase of characteristic intensity of the contact from an intensitybelow the light press intensity threshold to an intensity between thelight press intensity threshold and the deep press intensity thresholdis sometimes referred to as a “light press” input. An increase ofcharacteristic intensity of the contact from an intensity below the deeppress intensity threshold to an intensity above the deep press intensitythreshold is sometimes referred to as a “deep press” input. An increaseof characteristic intensity of the contact from an intensity below thecontact-detection intensity threshold to an intensity between thecontact-detection intensity threshold and the light press intensitythreshold is sometimes referred to as detecting the contact on thetouch-surface. A decrease of characteristic intensity of the contactfrom an intensity above the contact-detection intensity threshold to anintensity below the contact-detection intensity threshold is sometimesreferred to as detecting liftoff of the contact from the touch-surface.In some embodiments, the contact-detection intensity threshold is zero.In some embodiments, the contact-detection intensity threshold isgreater than zero.

In some embodiments described herein, one or more operations areperformed in response to detecting a gesture that includes a respectivepress input or in response to detecting the respective press inputperformed with a respective contact (or a plurality of contacts), wherethe respective press input is detected based at least in part ondetecting an increase in intensity of the contact (or plurality ofcontacts) above a press-input intensity threshold. In some embodiments,the respective operation is performed in response to detecting theincrease in intensity of the respective contact above the press-inputintensity threshold (e.g., a “down stroke” of the respective pressinput). In some embodiments, the press input includes an increase inintensity of the respective contact above the press-input intensitythreshold and a subsequent decrease in intensity of the contact belowthe press-input intensity threshold, and the respective operation isperformed in response to detecting the subsequent decrease in intensityof the respective contact below the press-input threshold (e.g., an “upstroke” of the respective press input).

In some embodiments, the device employs intensity hysteresis to avoidaccidental inputs sometimes termed “jitter,” where the device defines orselects a hysteresis intensity threshold with a predefined relationshipto the press-input intensity threshold (e.g., the hysteresis intensitythreshold is X intensity units lower than the press-input intensitythreshold or the hysteresis intensity threshold is 75%, 90%, or somereasonable proportion of the press-input intensity threshold). Thus, insome embodiments, the press input includes an increase in intensity ofthe respective contact above the press-input intensity threshold and asubsequent decrease in intensity of the contact below the hysteresisintensity threshold that corresponds to the press-input intensitythreshold, and the respective operation is performed in response todetecting the subsequent decrease in intensity of the respective contactbelow the hysteresis intensity threshold (e.g., an “up stroke” of therespective press input). Similarly, in some embodiments, the press inputis detected only when the device detects an increase in intensity of thecontact from an intensity at or below the hysteresis intensity thresholdto an intensity at or above the press-input intensity threshold and,optionally, a subsequent decrease in intensity of the contact to anintensity at or below the hysteresis intensity, and the respectiveoperation is performed in response to detecting the press input (e.g.,the increase in intensity of the contact or the decrease in intensity ofthe contact, depending on the circumstances).

For ease of explanation, the descriptions of operations performed inresponse to a press input associated with a press-input intensitythreshold or in response to a gesture including the press input are,optionally, triggered in response to detecting either: an increase inintensity of a contact above the press-input intensity threshold, anincrease in intensity of a contact from an intensity below thehysteresis intensity threshold to an intensity above the press-inputintensity threshold, a decrease in intensity of the contact below thepress-input intensity threshold, and/or a decrease in intensity of thecontact below the hysteresis intensity threshold corresponding to thepress-input intensity threshold. Additionally, in examples where anoperation is described as being performed in response to detecting adecrease in intensity of a contact below the press-input intensitythreshold, the operation is, optionally, performed in response todetecting a decrease in intensity of the contact below a hysteresisintensity threshold corresponding to, and lower than, the press-inputintensity threshold.

Attention is now directed towards embodiments of user interfaces (“UI”)and associated processes that are implemented on an electronic device,such as portable multifunction device 100, device 300, or device 500.

FIGS. 6A-6S illustrate exemplary user interfaces for playing andmanaging audio items, in accordance with some embodiments. The userinterfaces in these figures are used to illustrate the processesdescribed below, including the processes in FIGS. 7A-7C.

FIG. 6A illustrates an electronic device 600 (e.g., portablemultifunction device 100, device 300, or device 500). In thenon-limiting exemplary embodiment depicted in FIGS. 6A-6S, electronicdevice 600 is a smartwatch. In other embodiments, electronic device 600can be a different type of electronic device, such as a different typeof wearable device or a smartphone.

As shown in FIG. 6A, electronic device 600 has a touch-sensitive display602. In some embodiments, electronic device 600 also has a rotatableinput mechanism 606 for navigating the displayed user interface. Forexample, rotatable input mechanism 606 can be used to scroll (upwardsand downwards) the displayed user interface. For another example, therotatable input mechanism 606 can be used to zoom in and zoom out of thedisplayed user interface. For another example, the rotatable inputmechanism 606 can be used to zoom in to a displayed icon correspondingto an application and launch the application corresponding to thezoomed-in icon.

In FIG. 6A, electronic device 600 displays, on the touch-sensitivedisplay 602, a portion of a navigation user interface 604 of anapplication (e.g., a music application) for playing audio items (e.g., asong, an audio file, a podcast, a radio channel, a recording).Navigation user interface 604 enables a user of electronic device 600 tonavigate through audio playlists, albums, artists, and tracks that canbe managed and played using electronic device 600. In some embodiments,navigation user interface 604 includes an indication 608 (e.g., “MUSIC”for a music application) that the currently-displayed application is anapplication for playing audio items. In some embodiments, navigationuser interface 604 includes a time indication 610 of the current time.In some embodiments, navigation user interface 604 includes a scroll bar612 indicating the portion (or region) of navigation user interface 604that is currently being displayed on touch-sensitive display 602. Forexample, in FIG. 6A, scroll bar 612 indicates that the very bottomportion of navigation user interface 604 is currently displayed.

Navigation user interface 604 also includes a graphical depiction of astack of audio group items 614 corresponding to audio items that can beplayed through electronic device 600 (e.g., via internal speakers ofelectronic device 600 or via an external device, such as headphonespaired with electronic device 600, an external speaker paired withelectronic device 600, or speakers of a different device, such as asmartphone, tablet, laptop computer, or desktop computer, paired withelectronic device 600). In some embodiments, as shown in FIG. 6A, thestack of audio group items 614 is located at a bottom region ofnavigation user interface 604. In some embodiments, as shown in FIG. 6A,the stack of audio group items 614 is organized based on albums (e.g., amusical album, a collection of podcasts, a collection of listings from aradio channel), and each stack item of the stack of audio group items614 corresponds to an album. For example, the first stack item 616 ofthe stack corresponds to a “Classics Album.” In some embodiments, thestack of audio group items 614 are organized based on playlists createdby a user of electronic device 600, and each stack item of the stack ofaudio group items 614 corresponds to a playlist. In some embodiments,the stack of audio group items 614 are organized based on artists, andeach stack item of the stack of audio group items 614 corresponds to anartist. In some embodiments, navigation user interface 604 optionallydisplays, below the stack of audio group items 614, a textual indication618 of an album, playlist, or radio station corresponding to the firstrecord of the stack and a textual indication 620 of an artist associatedwith the album, playlist, or radio station.

In FIG. 6B, while displaying navigation user interface 604, electronicdevice 600 receives a tap gesture 601 by a user of electronic device 600on first stack item 616 of the stack of records 614. In FIG. 6C, inresponse to receiving tap gesture 601 on first stack item 616,electronic device 600 displays, on touch-sensitive display 602, acontrol user interface 622 of the application for playing audio items(e.g., a music application). In some embodiments, in addition todisplaying control user interface 622, electronic device 600 causesaudio output (e.g., via internal speakers of electronic device 600 orvia an external device, such as headphones paired with electronic device600, an external speaker paired with electronic device 600, or speakersof a different device, such as a smartphone, tablet, laptop computer, ordesktop computer, paired with electronic device 600) of a first audioitem associated with the album corresponding to the selected stack item616. In some embodiments, electronic device 600 displays control userinterface 622 but does not cause audio output of the first audio itemassociated with the album corresponding to the selected stack item 616.

Control user interface 622 includes an indication 626 (e.g., the title)of the currently-playing audio item (e.g., “First Track”). In someexamples, the audio item is the first listed audio item in the album(e.g., “Classics Album”) corresponding to the selected stack item 616.In some embodiments, control user interface 622 also includes anindication 628 of the artist (e.g., “Classics Band”) associated with thecurrently-playing audio item (e.g., “First Track”).

In some embodiments, control user interface 622 displays a selectableindication 624 which indicates a progress time (e.g., “0:00”) of thecurrently-playing audio item (e.g., “First Track”). In some embodiments,in response to detecting user selection of selectable indication 624,electronic device 600 replaces display of the current user interfacewith display of the previous user interface (e.g., replaces display ofcontrol user interface 622 with display of navigation user interface604. In some embodiments, selectable indication 624 replaces display ofindication 608. In some embodiments, electronic device 600 maintainsdisplay of time indication 610.

Control user interface 622 further includes a rewind icon 630, aplay/pause icon 632, and a forwards icon 634. In some embodiments,play/pause icon 632 is displayed in “pause” mode, as depicted in FIG.6C, when the audio item (e.g., “First Track”) is currently being played.In some embodiments, play/pause icon 632 is displayed in “play” modewhen the audio item (e.g., “First Track”) is currently not being played.In some embodiments, user activation of rewind icon 630 causes thecurrently-playing audio item (e.g., “First Track”) to rewind by apredetermined increment of time (e.g., 3 seconds, 5 seconds, 10 seconds,etc.). In some embodiments, user activation of rewind icon 630 causesthe currently-playing audio item (e.g., “First Track”) to be played fromthe beginning of the file. In some embodiments, user activation ofrewind icon 630 causes a previous listed audio item in the album (e.g.,“Classics Album”) to be played. In some embodiments, user activation offorwards icon 634 causes the currently-playing audio item (e.g., “FirstTrack”) to jump forwards by a predetermined increment of time (e.g., 3seconds, 5 seconds, 10 seconds, etc.). In some embodiments, useractivation of forwards icon 634 causes a subsequent listed audio item inthe album (e.g., “Classics Album”) to be played.

Control user interface 622 further includes an add-to-library icon 636,a volume control icon 638, and a show-more icon 640. Volume control icon638 enables the user to manipulate the output volume setting. In someembodiments, user activation of volume control icon 638 causes displayof a volume bar for increasing or decreasing the volume. Add-to-libraryicon 636 is described in greater detail below with reference to FIGS.6L-6M and show-more icon 640 is described in greater detail below withreference to FIGS. 6N-6Q.

Control user interface 622 further includes a first indicia icon 642corresponding to control user interface 622 and second indicia icon 644corresponding to a user interface different from control user interface642. In FIG. 6C, first indicia icon 642 is highlighted (e.g., visuallydarkened, visually marked) to be visually distinguished relative tosecond indicia icon 644 in order to indicate to the user that thecurrently-displayed user interface is control user interface 622 (asopposed to a different user interface).

In FIG. 6D, electronic device 600 receives a user input on control userinterface 622. In some embodiments, as shown in the transition of FIG.6D through FIG. 6F, the user input is a swipe gesture 603 in aright-to-left horizontal direction, beginning on control user interface622 and moving in a leftwards direction on touch-sensitive display 602.In some embodiments, as shown in FIG. 6E, as swipe gesture 603 is beingdetected, control user interface 622 is gradually removed from displaytowards a side (e.g., the left side) of touch-sensitive display 602, anda track list user interface 646 moves into display from an opposite side(e.g., the right side) of touch-sensitive display 602. Thus, swipegesture 603 causes electronic device 600 to smoothly transition fromcontrol user interface 622 to track list user interface 646. In someembodiments, during the transition of control user interface 622 totrack list user interface 646, electronic device maintains causing audiooutput of the currently-playing audio item (e.g., “First Track”). Insome embodiments, during the transition of control user interface 622 totrack list user interface 646, electronic device 600 maintains displayof selectable indication 624 indicating the time progress of thecurrently-playing audio item (e.g., “First Track”) and time indication610.

As shown in FIG. 6G, track list user interface 646 includes display of alist of selectable titles 648-656 associated with audio items in thecurrently-selected album (or playlist or radio station) (e.g., “ClassicsAlbum”), including the title 648 corresponding to the currently-playingaudio item (e.g., “First Track”). In some embodiments, as shown in FIG.6G, track list user interface 646 updates display of selectableindication 624 to indicate the title of the currently-playing audio item(e.g., “First Track”). In some embodiments, user activation ofselectable indication 624 causes electronic device 600 to replacedisplay of track list user interface 646 with control user interface622. In some embodiments, electronic device 600 maintains display oftime indication 610 in track list user interface 646.

Track list user interface 646 also includes display of first indiciaicon 642 corresponding to control user interface 622 and second indiciaicon 644 corresponding to track list user interface 646. Because tracklist user interface 646 is being displayed, second indicia icon 644,instead of first indicia icon 642, is highlighted (e.g., visuallydarkened, visually marked) to be visually distinguished relative tofirst indicia icon 642 in order to indicate to the user that thecurrently-displayed user interface is track list user interface 646 (asopposed to control user interface 622).

In FIG. 6H, electronic device 600 receives user selection, viatouch-sensitive display 602 (or, alternatively, a voice input via a micor rotation input via rotatable input mechanism 606), of an audio itemof the current album (e.g., “Classics Album”) different from thecurrently-playing audio item (e.g., “First Track”). For example,electronic device 600 detects tap gesture 605 on selectable title 652corresponding to the third audio item (e.g., “Third Track”) of thecurrent album (e.g., “Classics Album”). In response to detecting tapgesture 605 on selectable title 652, electronic device 600 causes audiooutput (e.g., via internal speakers of electronic device 600 or via anexternal device, such as headphones paired with electronic device 600,an external speaker paired with electronic device 600, or speakers of adifferent device, such as a smartphone, tablet, laptop computer, ordesktop computer, paired with electronic device 600) of the audio itemcorresponding to selectable title 652 (e.g., “Third Track”). In someembodiments, selectable indication 624 is updated to indicate that theaudio item corresponding to selectable title 652 is now playing.

As shown in the transition of FIG. 6I through FIG. 6K, electronic device600 detects a swipe gesture 607 in a left-to-right horizontal direction,beginning on track list user interface 646 and moving in a rightwardsdirection on touch-sensitive display 602. Through the transition,electronic device 600 smoothly replaces display of track list userinterface 646 with control user interface 622. As shown in FIG. 6K,control user interface 622 displays indication 626 (e.g., the title) ofthe currently-playing audio item (e.g., “Third Track”) and indication628 of the artist (e.g., “Classics Band”) associated with thecurrently-playing audio item (e.g., “Third Track”). As also shown inFIG. 6K, electronic device 600 updates display of first indicia icon 642and second indicia icon 644 such that first indicia icon 642(corresponding to control use interface 622) is highlighted (e.g.,visually darkened, visually marked) relative to second indicia icon 644(corresponding to track list user interface 646) to indicate to the userthat the currently-displayed user interface is control user interface622.

As shown in FIG. 6K, control user interface 622 includes display ofadd-to-library icon 636. In some embodiments, add-to-library icon has afirst display mode (e.g., displayed with a “+” symbol) and a seconddisplay mode (e.g., displayed with a “✓” symbol). The first display modeindicates that the currently-playing audio item (e.g., “Third Track”) isnot contained in a media library (e.g., a music library, a library ofaudio items stored in and accessible from a cloud service) associatedwith a user account that is logged into electronic device 600, and thesecond display mode indicates that the currently-playing audio item(e.g., “Third Track”) is contained in a media library (e.g., a musiclibrary, a library of audio items stored in and accessible from a cloudservice) associated with a user account that is logged into electronicdevice 600. In FIG. 6K, the currently-playing audio item (e.g., “ThirdTrack”) is not contained in a media library associated with a useraccount of the user of electronic device 600, and thus add-to-libraryaffordance is displayed in the first display mode (e.g., is displayedwith a “+” symbol).

In FIG. 6L, while playing an audio item (e.g., “Third Track”) that isnot contained in a media library associated with a user account of theuser, electronic device 600 detects, via touch-sensitive display 602(or, alternatively, a voice input via a mic or rotation input viarotatable input mechanism 606), user selection of add-to-library icon636 (in the first display mode). For example, as shown in FIG. 6L, theuser selection is a tap gesture 609 on add-to-library icon 636. Inresponse to detecting tap gesture 609 on add-to-library icon 636 (in thefirst display mode), electronic device 600 causes the current audio item(e.g., “Third Track”) to be added to a media library.

As shown in FIG. 6M, once the current audio (e.g., “Third Track”) hasbeen added to the media library, electronic device 600 changes thedisplay mode of add-to-library icon 636 from the first display mode(e.g., displayed with a “+” symbol) to the second display mode (e.g.,displayed with a “/” symbol). Add-to-library icon 636 in the seconddisplay indicates to the user that the current audio item is alreadycontained in the media library. In some embodiments, when in the seconddisplay mode, upon receiving user selection of the add-to-library icon636, electronic device 600 displays a notification (or a prompt)indicating to the user that the current audio item (e.g., “Third Track”)is already contained in the media library. In some embodiments, when inthe second display mode, add-to-library icon 636 is no longer selectableby the user.

In FIG. 6N, while displaying control user interface 622, electronicdevice 600 detects, via touch-sensitive display 602 (or, alternatively,a voice input via a mic or rotation input via rotatable input mechanism606), user selection of show-more icon 640. For example, the userselection is a tap gesture 611 on show-more icon 640. In someembodiments, as shown in FIG. 6N, show-more icon 640 is displayed with a“⋅ ⋅ ⋅” symbol (e.g., representing a “show more” option) to indicatethat more user actions can be taken with respect to the current audioitem (e.g., “Third Track”).

In some embodiments, in response to detecting tap gesture 611 onshow-more icon 640, electronic device 600 displays (replaces display ofcontrol user interface 622 with) an additional options user interface658, as shown in FIG. 6O. In some embodiments, in additional optionsuser interface 658, selectable indication 624 indicates (e.g., bydisplaying “CANCEL”) to the user that the user can select selectableindication 624 to leave additional options user interface 658 (andreturn to control user interface 622). In some embodiments, additionaloptions user interface 658 maintains display of time indication 610. Insome embodiments, additional options user interface 658 maintainsdisplay of indication 626 (e.g., the title) of the current audio item(e.g., “Third Track”). In some embodiments, additional options userinterface 658 maintains display of indication 628 of the artist (e.g.,“Classics Band”) corresponding to the current audio item (e.g., “ThirdTrack”).

In some embodiments, as further shown in FIG. 6O, additional optionsuser interface 658 includes an add-locally icon 660 and play-remotelyicon 662. In some embodiments, add-locally icon 660 indicates (e.g., bydisplaying a textual indication, such as “Add to Watch”) to the userthat the current audio item (e.g., “Third Track”) can be stored locallyon electronic device 600. In some embodiments, play-remotely icon 662indicates (e.g., via a textual indication, such as “AirPlay To” or“Stream To”) to the user that the current audio item can be caused toplay remotely at a different device (e.g., a smartphone, a laptopcomputer, a desktop computer) that is paired (e.g., connected with andrecognized by) electronic device 600.

In FIG. 6P, while displaying additional options user interface 658,electronic device 600 detects, via touch-sensitive display 602 (or,alternatively, a voice input via a mic or rotation input via rotatableinput mechanism 606), user selection of add-locally icon 660. Forexample, as shown in FIG. 6P, the user selection is a tap gesture 613 onadd-locally icon 660.

As shown in FIG. 6Q, in response to detecting tap gesture 613 onadd-locally icon 660, electronic device 600 displays a second additionaloptions user interface 664. In some embodiments, second additionaloptions user interface 664 maintains display of selectable indication inthe cancel mode. In some embodiments, user activation of selectableindication 624 on second additional options user interface 664 causeselectronic device 600 to return to display of additional options userinterface 658. In some embodiments, user activation of selectableindication 624 on second additional options user interface 664 causeselectronic device 600 to return to display of control user interface622.

As also shown in FIG. 6Q, second additional options user interface 664includes an add-track-only icon 668 and an add-entire-album icon 670.Add-track-only icon 668 indicates (e.g., via a textual indication, suchas “Add Song,” “Add Track,” “Add Audio item,” etc.) to the user thatonly the current audio item (e.g., “Third Track”), but not other audioitems associated with the current album (e.g., “Classics Album”), willbe added (stored) locally on electronic device 600. Add-entire-albumicon 670 indicates (e.g., via a textual indication, such as “Add Album,”“Add Playlist,” “Add Folder,” etc.) that all audio items associated withthe current album (or current playlist, current folder, current radiostation, etc.), will be added (stored) locally on electronic device 600.

In some embodiments, as shown in FIG. 6R, while displaying secondadditional options user interface 664, electronic device 600 detects,via touch-sensitive display 602 (or, alternatively, a voice input via amic or rotation input via rotatable input mechanism 606), user selectionof add-track-only icon 668. For example, the user selection is a tapgesture 615 on add-track-only icon 668. In response to detecting useractivation of add-track-only icon 668, electronic device 600 proceeds toadd (store) the current audio item (e.g., “Third Track”) locally onelectronic device 600, but does not add (store) other audio items (e.g.,“First Track,” “Second Track,” “Fourth Track,” “Fifth Track”) of thecurrent album (e.g., “Classics Album”) locally on electronic device 600,even if one or more of the other audio items are not stored locally onelectronic device 600.

In some embodiments, as shown in FIG. 6S, while displaying secondadditional options user interface 664, electronic device 600 receives,via touch-sensitive display 602 (or, alternatively, a voice input via amic or rotation input via rotatable input mechanism 606), user selectionof add-entire-album 670. For example, the user input is a tap gesture617 on add-entire-album 670. In response to detecting user activation ofadd-entire-album 670, electronic device 600 proceeds to add (store) allaudio items (e.g., “First Track,” “Second Track,” “Third Track,” “FourthTrack,” “Fifth Track”) in the current album (e.g., “Classics Album”)locally on electronic device 600.

FIGS. 7A-7C are a flow diagram illustrating a method for playing andmanaging audio items using an electronic device in accordance with someembodiments. Method 700 is performed at a device (e.g., 100, 300, 500,600) with a touch-sensitive display (e.g., touch-sensitive display 602).Some operations in method 700 are, optionally, combined, the order ofsome operations is, optionally, changed, and some operations are,optionally, omitted.

As described below, method 700 provides an intuitive way for playing andmanaging audio items. The method reduces the cognitive burden on a userfor playing and managing audio items, thereby creating a more efficienthuman-machine interface. For battery-operated computing devices,enabling a user to play and manage audio files faster and moreefficiently conserves power and increases the time between batterycharges.

At block 702, the electronic device (e.g., 600) displays, on the display(e.g., 602), a first user interface (e.g., 604), where the first userinterface includes a scrollable plurality of audio playlist items (e.g.,614) associated with a plurality of audio playlists. In some examples,the scrollable plurality of audio playlist items (e.g., 614) is a stackof records. In some examples, the scrollable plurality of audio playlistitems (e.g., 614) is a stack of audio tracks. In some examples, thescrollable plurality of audio playlist items (e.g., 614) is a collectionof titles or albums. In some examples, the scrollable plurality of audioplaylist items (e.g., 614) is a collection of radio items, news items,or podcasts. In some examples, the scrollable plurality of audioplaylist items (e.g., 614) is a collection of audio recordings.Displaying a user interface that includes a scrollable plurality ofaudio playlist items associated with a plurality of audio playlistsprovides a visual feedback that enables a user to visualize (and thusexperience the sensation of) flipping through a real stack of playlistitems. Providing improved visual feedback to the user enhances theoperability of the device and makes the user-device interface moreefficient (e.g., by helping the user to provide proper inputs andreducing user mistakes when operating/interacting with the device)which, additionally, reduces power usage and improves battery life ofthe device by enabling the user to use the device more quickly andefficiently.

In some embodiments, at block 704, while displaying the first userinterface (e.g., 604), the electronic device (e.g., 600) receives athird input. In some examples, the third input is a touch gesture on thetouch-sensitive display (e.g., 602) corresponding to a scroll in anupwards direction. In some examples, the third input is a touch gestureon the touch-sensitive display (e.g., 602) corresponding to a scroll ina downwards direction. In some examples, the third input is a movementof a rotatable crown (e.g., 606) of the electronic device (e.g., 600) ina clockwise direction. In some examples, the third input is a movementof a rotatable crown (e.g., 606) of the electronic device (e.g., 600) ina counter-clockwise direction. In some embodiments, at block 706, inresponse to receiving the third input, the electronic device (e.g., 600)displays, on the display (e.g., 602), a plurality of menu affordances.In some embodiments, at block 708, the electronic device (e.g., 600)receives user selection of a first menu affordance (e.g., a “library”menu) of the plurality of menu affordances (e.g., a “now playing” menu,a “search” menu, or a “library” menu), where the menu affordance isassociated with the media library. In some embodiments, at block 710, inresponse to receiving the user selection of the first menu affordance(e.g., the “library” menu), the electronic device (e.g., 600) displays,on the display (e.g., 602), one or more audio items associated with(e.g., contained in) the media library.

In some embodiments, at block 712, while displaying the one or moreaudio items associated with the media library, the electronic device(e.g., 600) receives user selection of a second audio item of the one ormore audio items associated with the media library. In some embodiments,at block 714, in response to receiving the user selection of the secondaudio item, the electronic device (e.g., 600) displays, on the display,the second user interface (e.g., 622) (e.g., a control user interface ofa music application), where the second user interface (e.g., 622)includes a first indication (e.g., 626) (e.g., a title of the audio itemor an artist/album associated with the audio item) of the second audioitem and a second indication (e.g., 636) indicating that the secondaudio item is contained in the media library.

At block 716, the electronic device (e.g., 600) receives a first userinput (e.g., 601) on a first audio playlist item of the plurality ofaudio playlist items (e.g., 614). In some examples, the first user input(e.g., 601) is a touch gesture detectable by the touch-sensitive display(e.g., 602), such as a tap.

At block 718, in response to receiving the first user input (e.g., 601)on the first audio playlist item, the electronic device (e.g., 600), atblock 720, displays, on the display (e.g., 602), a second user interface(e.g., 622) (e.g., a control user interface of a music application),where the second user interface (e.g., 622) includes an indication(e.g., 626) of a first audio item of a first audio playlist associatedwith the first audio playlist item, and, at block 722, displays, on thedisplay, a plurality of indicia icons (e.g., 642, 644), where a firstindicia icon (e.g., 642) associated with the second user interfaceincludes an indication (e.g., highlighting or marking of the indiciaicon) that the second user interface is currently displayed. Thus, thefirst indicia icon (e.g., 642) is visually distinguished from otherindicia icons that are not associated with the second user interface(e.g., 622). Displaying a plurality of indicia icons, where the firstindicia icon associated with the second user interface includes theindication that the second user interface is currently displayed,provides the user with feedback about the currently-displayed userinterface and about other user interfaces that the user can navigate torelative to the currently-displayed user interface. Providing improvedvisual feedback to the user enhances the operability of the device andmakes the user-device interface more efficient (e.g., by helping theuser to provide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, at block 724, in response to receiving the firstuser input (e.g., 601) on the first audio playlist item (e.g., 616), theelectronic device (e.g., 600) causes audio output of the first audioitem. For example, the electronic device (e.g., 600) causes the audiooutput of the first audio item via internal speakers of the electronicdevice or via an external device, such as headphones paired with theelectronic device, an external speaker paired with the electronicdevice, or the speakers of a different device (e.g., a smartphone,tablet, laptop computer, or desktop computer) paired with the electronicdevice. Causing audio output of the first audio item in response toreceiving the first user input on the first audio playlist item allowsthe user to quickly and easily listen to and recognize an audio itemwithin the audio playlist item without having to manually view andselect an audio item within the audio playlist item. Performing anoperation when a set of conditions has been met without requiringfurther user input enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, at block 728, in accordance with a determinationthat the first audio item is not contained in a media library associatedwith a user account that is logged into the electronic device (e.g.,600), the electronic device displays, on the display (e.g., 602), afirst affordance (e.g., 636). In some examples, the media library is alibrary of audio items stored in and accessible from a cloud service. Insome examples, the first affordance (e.g., 636) is displayed with a “+”to indicate that selecting the affordance will cause the first audioitem to be added to the media library. In some embodiments, at block730, the electronic device (e.g., 600) receives user selection of thefirst affordance (e.g., 636). In some embodiments, at block 732, inresponse to receiving the user selection of the first affordance (e.g.,636), the electronic device (e.g., 600) causes the first audio item tobe added to the media library.

Displaying, in accordance with a determination that the audio item isnot contained in a media library associated with a user account that islogged into the device, the affordance provides the user with feedbackabout the current state of the audio item and whether or not the userwould want to take additional action regarding the audio item. Providingimproved visual feedback to the user enhances the operability of thedevice and makes the user-device interface more efficient (e.g., byhelping the user to provide proper inputs and reducing user mistakeswhen operating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, at block 734, in accordance with a determinationthat the first audio item is contained in the media library associatedwith the user account that is logged into the electronic device (e.g.,600), the electronic device displays, on the display (e.g., 602), anindication (e.g., 636) that the first audio item is contained in themedia library. In some examples, the first affordance (e.g., 636) isdisplayed with a “/” (instead of a “+”) to indicate that the first audioitem is already contained in the media library. Displaying theindication that the audio item is contained in the media libraryprovides the user with visual feedback about the current state of theaudio item. Providing improved visual feedback to the user enhances theoperability of the device and makes the user-device interface moreefficient (e.g., by helping the user to provide proper inputs andreducing user mistakes when operating/interacting with the device)which, additionally, reduces power usage and improves battery life ofthe device by enabling the user to use the device more quickly andefficiently.

In some embodiments, at block 736, the second user interface (e.g., 622)(e.g., a control user interface of a music application) includes asecond affordance (e.g., 640), and the electronic device (e.g., 600)receives user selection of the second affordance. In some examples, thesecond affordance (e.g., 640) is displayed with a “⋅ ⋅ ⋅” (e.g.,representing a “show more” option) to indicate that more actions can betaken with respect to the first audio item. In some embodiments, atblock 738, subsequent to receiving the user selection of the secondaffordance (e.g., 640), the electronic device (e.g., 600) displays, onthe display (e.g., 602), a first add affordance (e.g., 660, 668). Insome examples, the first add affordance (e.g., 668) indicates to theuser that the current audio item can be stored locally on the electronicdevice (e.g., 600). In some embodiments, at block 740, the electronicdevice (e.g., 600) receives user selection of the first add affordance(e.g., 660, 668). In some embodiments, at block 742, in response toreceiving the user selection of the first add affordance (e.g., 660,668), the electronic device (e.g., 600) stores the first audio item onthe electronic device, and forgoes storing a second audio item of theplurality of audio items of the first audio playlist different from thefirst audio item. For example, the electronic device (e.g., 600) storesonly the current audio item of the playlist but does not store all otheraudio items of the playlist.

In some embodiments, at block 744, subsequent to receiving the userselection of the second affordance (e.g., 670), the electronic device(e.g., 600) displays, on the display (e.g., 602), a second addaffordance (e.g., 670). In some examples, the second add affordance(e.g., 670) indicates to the user that all the audio items of thecurrent playlist can be stored locally on the device (e.g., 600). Insome embodiments, at block 746, the electronic device (e.g., 600)receives user selection of the second add affordance (e.g., 670). Insome embodiments, at block 748, in response to receiving the userselection of the second add affordance (e.g., 670), the electronicdevice (e.g., 600) stores all of the plurality of audio items of thefirst audio playlist on the electronic device.

At block 750, the electronic device (e.g., 600) receives a second userinput on the second user interface (e.g., 622). In some examples, thesecond user input is a swipe gesture (e.g., 607) in a horizontaldirection on the second user interface (e.g., 622). In some examples,the second user input is a swipe gesture in a vertical direction on thesecond user interface.

At block 752, in response to receiving the second user input (e.g., 607)on the second user interface, the electronic device (e.g., 600), atblock 754, displays, on the display (e.g., 602), a third user interface(e.g., 646) (e.g., a user interface showing the list of tracks in theplaylist that is associated with the currently-playing track), where thethird user interface includes a plurality of audio items (e.g., 648-656)of the first audio playlist and, at block 756, updates display of theplurality of indicia icons, where a second indicia icon (e.g., 644)associated with the third user interface (e.g., 646) includes theindication (e.g., highlighting or marking of the indicia icon) that thethird user interface is currently displayed.

Updating display of the plurality of indicia icons, where the firstindicia icon associated with the second user interface includes theindication that the second user interface is currently displayed,provides the user with feedback about the currently-displayed userinterface and about other user interfaces that the user can navigate torelative to the currently-displayed user interface. Providing improvedvisual feedback to the user enhances the operability of the device andmakes the user-device interface more efficient (e.g., by helping theuser to provide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, at block 758, while the electronic device (e.g.,600) has no connectivity with an external device (e.g., a smartphone,tablet, laptop computer, or desktop computer) that is storing a secondaudio item of the first audio playlist, the electronic device receivesuser selection of the second audio item. In some embodiments, at block760, in response to receiving the user selection of the second audioitem of the first audio playlist, the electronic device (e.g., 600), atblock 762, in accordance with a determination that the second audio itemis stored on the electronic device, causes audio output of the secondaudio item, and, at block 764, in accordance with a determination thatthe second audio item is not stored on the electronic device, forgoescausing audio output of the second audio item. For example, theelectronic device (e.g., 600) causes the audio output of the secondaudio item via internal speakers of the electronic device or via anexternal device, such as headphones paired with the electronic device,an external speaker paired with the electronic device, or the speakersof a different device (e.g., a smartphone, tablet, laptop computer, ordesktop computer) paired with the electronic device.

Causing audio output of the audio item in accordance with adetermination that the audio item is stored on the device and forgoingcausing audio output of the audio item in accordance with adetermination that the audio item is not stored on the device providesthe user with feedback indicative of whether or not the audio item isstored on the device. Providing improved feedback enhances theoperability of the device and makes the user-device interface moreefficient (e.g., by helping the user to provide proper inputs andreducing user mistakes when operating/interacting with the device)which, additionally, reduces power usage and improves battery life ofthe device by enabling the user to use the device more quickly andefficiently.

In some embodiments, at block 766, the electronic device (e.g., 600)receives user input (e.g., 605) on a second audio item (e.g., adifferent track from the current track) of the plurality of audio itemsof the first audio playlist displayed on the third user interface, wherethe second audio item is different from the first audio item. In someembodiments, at block 768, in response to receiving the user input(e.g., 605) on the second audio item, at the electronic device (e.g.,600), at block 770, displays, on the display (e.g., 602), the seconduser interface (e.g., 622), where the second user interface includes anindication (e.g., 626) of the second audio item. In some embodiments, atblock 772, the electronic device (e.g., 600) also updates display of theplurality of indicia icons, where the first indicia icon (e.g., 642)associated with the second user interface (e.g., 622) includes theindication (e.g., highlighting or marking of the indicia icon) that thesecond user interface is currently displayed. In some embodiments, atblock 774, the electronic device (e.g., 600) also causes audio output ofthe second audio item. For example, the electronic device (e.g., 600)causes the audio output of the second audio item via internal speakersof the electronic device or via an external device, such as headphonespaired with the electronic device, an external speaker paired with theelectronic device, or the speakers of a different device (e.g., asmartphone, tablet, laptop computer, or desktop computer) paired withthe electronic device.

Updating display of the plurality of indicia icons, where the firstindicia icon associated with the second user interface includes theindication that the second user interface is currently displayed,provides the user with feedback about the currently-displayed userinterface and about other user interfaces that the user can navigate torelative to the currently-displayed user interface. Providing improvedvisual feedback to the user enhances the operability of the device andmakes the user-device interface more efficient (e.g., by helping theuser to provide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

Note that details of the processes described above with respect tomethod 700 (e.g., FIGS. 7A-7C) are also applicable in an analogousmanner to the methods described below. For example, methods 900, 1100,and 1300 optionally include one or more of the characteristics of thevarious methods described above with reference to method 700. Forexample, the method of navigating the displayed stack of stack itemsdescribed in method 900 can be used to navigate audio items and selectaudio items to be played through electronic device 600. For anotherexample, the method of quickly and efficiently switching between userinterfaces of active applications described in method 1100 can be usedto switch amongst active applications on electronic device 600. Foranother example, the method of updating data associated with audio filesusing a different device as described in method 1300 can be used toupdate locally stored data on electronic device 600. For brevity, thesedetails are not repeated below.

FIGS. 8A-8AC illustrate exemplary user interfaces for playing andmanaging audio items, in accordance with some embodiments. The userinterfaces in these figures are used to illustrate the processesdescribed below, including the processes in FIGS. 9A-9D.

FIG. 8A illustrates the face of an electronic device 800 (e.g., portablemultifunction device 100, device 300, or device 500). In thisnon-limiting exemplary embodiment depicted in FIGS. 8A-8AC, electronicdevice 800 is a smartwatch. In other embodiments, electronic device 600can be a different type of electronic device, such as a different typeof wearable device or a smartphone.

As shown in FIG. 8A, electronic device 800 has a touch-sensitive display802. In some embodiments, electronic device 800 also has a rotatableinput mechanism 806 for navigating the displayed user interface. Forexample, rotatable input mechanism 806 can be used to scroll (upwardsand downwards) the displayed user interface. For another example, therotatable input mechanism 806 can be used to zoom in and zoom out of thedisplayed user interface. For another example, the rotatable inputmechanism 806 can be used to zoom in to a displayed icon correspondingto an application and launch the application corresponding to thezoomed-in icon.

In FIG. 8A, electronic device 800 is displaying, on the touch-sensitivedisplay 802, a portion of a navigation user interface 804 of anapplication (e.g., a music application) for playing audio items (e.g., asong, an audio file, a podcast, a radio channel). Navigation userinterface 804 enables a user of electronic device 800 to navigatethrough audio playlists, albums, artists, and/or tracks that can bemanaged and played using electronic device 800. In some embodiments,navigation user interface 804 includes an indication 808 (e.g., “MUSIC”for a music application) that the currently-displayed application is anapplication for playing audio items (e.g., songs, podcasts, radiochannels). In some embodiments, navigation user interface 804 includes atime indication 810 of the current time. In some embodiments, navigationuser interface 804 includes a scroll bar 812 indicating the portion (orregion) of navigation user interface 804 that is currently beingdisplayed on touch-sensitive display 802. For example, in FIG. 8A,scroll bar 812 indicates that the very bottom portion of navigation userinterface 804 is currently displayed.

Navigation user interface 804 also includes a graphical depiction of astack of audio group items 814 corresponding to audio items that can beplayed through electronic device 800 (e.g., via internal speakers ofelectronic device 800 or via an external device, such as headphonespaired with electronic device 800, an external speaker paired withelectronic device 800, or speakers of a different device, such as asmartphone, tablet, laptop computer, or desktop computer, paired withelectronic device 800).

As shown in FIG. 8A, the stack of audio group items 814 is located at abottom region of navigation user interface 804. In some embodiments, asshown in FIG. 8A, the stack of audio group items 814 is organized basedon albums (e.g., a musical album, a collection of podcasts, a collectionof listings from a radio channel), and each stack item of the stack ofaudio group items 814 corresponds to an album. For example, the firststack item 816 of stack 814, which is shown at the top of stack 814,corresponds to a “Classics Album.” In some embodiments, the stack ofaudio group items 814 are organized based on playlists created by a userof electronic device 800, and each stack item of the stack of audiogroup items 814 corresponds to a playlist. In some embodiments, thestack of audio group items 814 are organized based on artists, and eachstack item of the stack of audio group items 814 corresponds to anartist.

As further shown in FIG. 8A, the stack of audio group items 814 includesone or more additional records, in addition to first stack item 816 ofthe stack. For example, stack 814 further includes at least a secondaudio record 824 and a third audio record 826. In some embodiments aportion of the one or more additional records are displayed beneathfirst stack item 816. This configuration of stack 814 provides agraphical depiction of album records being piled on top or one anotherin a piled “stack.”

In some embodiments, navigation user interface 804 optionally displays,below the stack of audio group items 814, a textual indication 820 of analbum, playlist, or radio station corresponding to the first record ofthe stack and a textual indication 822 of an artist associated with thealbum, playlist, or radio station.

In FIG. 8B, while displaying stack 814 of navigation user interface 804,electronic device 800 receives, via touch-sensitive display 804 (oralternatively, a voice input via a mic or rotation input via rotatableinput mechanism 806), user input navigating navigation user interface804. For example, in FIG. 8B, the user input is a scrolling 803 ofrotatable input mechanism 806 in a counter-clockwise direction.

As shown in the transition of FIG. 8B through FIG. 8E, while detectingscrolling 803 of rotatable input mechanism 806 in the counter-clockwisedirection, as shown in the transition of FIG. 8B through FIG. 8E,electronic device 800 replaces display of first stack item 816 at thetop of stack 814 with second audio record 824 (e.g., “Modern Album”). Insome embodiments, electronic device 800 graphically depicts thistransition to reminisce a “flipping through” of records within stack814. In some embodiments, as depicted in FIGS. 8B-8D, electronic device800 dynamically depicts first stack item 816 sliding down from the topof stack 814 towards a bottom edge of touch-sensitive display 802 andrelocating to the back of stack 814. In some embodiments, electronicdevice 800 dynamically depicts first stack item 816 flipping forwardfrom the top of stack 814 and rotating based on its bottom edge to theend (i.e., bottom) of stack 814.

In some embodiments, while detecting scrolling 803 of rotatable inputmechanism 806 and displaying the “flipping through” animation of stack814, electronic device 800 continually updates display of scroll bar 812to indicate an amount of scrolling of navigation user interface 804 thatresulted from scrolling 803 of rotatable input mechanism 806. In thetransition from FIG. 8B to FIG. 8E, because stack 814 was displayed atthe very bottom of navigation user interface 804 and scrolling 803corresponded to an upwards scroll on navigation user interface 804,scroll bar 812 indicates an amount of the scrolling of navigation userinterface 804 in an upwards direction.

As shown in FIG. 8E, once scrolling 803 of rotatable input mechanism 806fully replaces the top stack item (e.g., first stack item 816) of stack814 with the next stack item (e.g., second audio record 824), stack 814within navigation user interface 804 depicts stack 814 with the nextstack item (e.g., second audio record 824) as the top stack item. Theprevious top stack item, first stack item 816, is now located the bottomof stack 814. In some embodiments, as shown in FIG. 8E, a portion (e.g.,a topo portion) of first stack item 816 remains visible in stack 814 asthe last stack item in the stack. In some embodiments, navigation userinterface 804 updates display of textual indication 820 to the album,playlist, or radio station corresponding to the second audio record(e.g., “Modern Album”) and textual indication 822 to the artist (e.g.,“Modern Band”) associated with the album, playlist, or radio stationcorresponding to the second audio record (e.g., “Modern Album”).

In FIG. 8F, while displaying stack 814 with the top stack item as secondstack item 824, electronic device 800 receives, via touch-sensitivedisplay 802 (or alternatively, a voice input via a mic or rotation inputvia rotatable input mechanism 806), user input of on stack 814. Forexample, as illustrated in the transition from FIG. 8F through FIG. 81,the user input is a scrolling (or sliding) gesture 803 in a downwardsdirection on stack 814 that replaces the top stack item of stack 814from second stack item 824 to third stack item 826. In some embodiments,the transition stack 814 depicted in FIGS. 8F-8I involves the same“flipping through” animation corresponding to the transition illustratedin FIGS. 8B-8E (replacing first stack item 816 with second stack item824 at the top of stack 814). In some embodiments, while detectingscrolling gesture 803 and displaying the “flipping through” animation ofstack 814, electronic device 800 continually updates display of scrollbar 812 to indicate an amount of scrolling of navigation user interface804 that resulted from scrolling gesture 803 on stack 814. In someembodiments, scrolling gesture 803 corresponds to “flipping through”stack 814 from the top of the stack towards the bottom of the stack, and“flipping through” stack 814 in the top to bottom direction correspondsto an upwards scroll of navigation user interface 804 (or alternatively,a downwards scroll of navigation user interface 804).

In FIG. 8I, subsequent to navigating (“flipping through”) stack 814 fromfirst stack item 816 to second stack item 824, then from second stackitem 824 to third stack item 826, electronic device 800 displays stack814 with third stack item 826 as the top stack item. In someembodiments, a user account (of the user) logged into electronic device800 is associated with one or more additional albums (or playlists,artists, radio stations, etc.), and thus stack 814 includes one or moreadditional stack items, in addition to first stack item 816, secondstack item 824, and first stack item 826, corresponding to the one ormore additional albums.

In some embodiments, as displayed in the transition from FIG. 8J throughFIG. 8Q, further scrolling (e.g., “flipping through”) of stack 814 (viascrolling of rotatable input mechanism 806, scrolling gesture ontouch-sensitive display 802, or a different input mechanism, such as avoice input command) enables the user to view the one or more additionalstack items in stack 814.

For example, in FIG. 8J, electronic device 800 receives scrolling 805 ofrotatable input mechanism 806 in the counter-clockwise direction. Insome embodiments, scrolling of rotatable input mechanism 806 in thecounter-clockwise direction corresponds to scrolling of navigation userinterface 804 in an upwards direction. Scrolling 805 of rotatable inputmechanism 806 causes further navigation (e.g., “flipping through”) ofstack 814, as third stack item 826 flips away from the top of stack 814,revealing fourth stack item 830 (e.g., a stack item corresponding to a“Workout” album). In some embodiments, as shown in FIG. 8J, additionalstack items 828 beneath fourth stack item 830 is at least partiallyvisible. Further, electronic device 800 continually updates display ofscroll bar 812 to correspond with the continued navigation (e.g.,“flipping through”) of stack 814. In some embodiments, because thescrolling 805 of rotatable input mechanism 806 corresponds to an upwardsscrolling of navigation user interface 804, scroll bar 812 of FIG. 8Jindicates that navigation user interface 804 is further scrolled in theupwards direction relative to scroll bar 812 of FIG. 8I.

In FIG. 8K, electronic device 800 continues to receive scrolling 805 ofrotatable input mechanism 806 in the same counter-clockwise direction.The continued scrolling 805 of rotatable input mechanism 806 continuesto cause navigation (e.g., “flipping through”) of stack 814, as thirdstack item 826 flips further away from the top of stack 814, fourthstack item 830 also flips away from the top of stack 814, revealingfifth stack item 832 (e.g., a stack item corresponding to a “SundayChill List” album). Further, electronic device 800 continually updatesdisplay of scroll bar 812 to correspond with the continued navigation(e.g., “flipping through”) of stack 814. In some embodiments, becausethe scrolling 805 of rotatable input mechanism 806 corresponds to anupwards scrolling of navigation user interface 804, scroll bar 812 ofFIG. 8K indicates that navigation user interface 804 is further scrolledin the upwards direction relative to scroll bar 812 of FIG. 8J.

In FIG. 8L, electronic device 800 continues to receive more scrolling805 of rotatable input mechanism 806 in the same counter-clockwisedirection. The additional continued scrolling 805 of rotatable inputmechanism 806 causes further navigation (e.g., continued “flippingthrough”) of stack 814, as third stack item 826 is completely flippedaway and to the back of stack 814, fourth stack item 830 further flipsaway from the top of stack 814, fifth stack item 832 also flips awayfrom the top of stack 814, revealing sixth stack item 834 (e.g., a stackitem corresponding to a “Road Trip Favorites” album). In someembodiments, sixth stack item is the sixth and final stack item in stack814 (e.g., if first stack item 816 is considered the “first” stack itemof stack 814, sixth stack item 834 is the “last” stack item of stack814). Further, electronic device 800 continually updates display ofscroll bar 812 to correspond with the continued navigation (e.g.,“flipping through”) of stack 814. In some embodiments, because thescrolling 805 of rotatable input mechanism 806 corresponds to an upwardsscrolling of navigation user interface 804, scroll bar 812 of FIG. 8Lindicates that navigation user interface 804 is further scrolled in theupwards direction relative to scroll bar 812 of FIG. 8K.

In FIG. 8M, electronic device 800 continues to receive scrolling 805 ofrotatable input mechanism 806 in the same counter-clockwise direction.The continued scrolling 805 of rotatable input mechanism 806 causescontinued navigation (e.g., continued “flipping through”) of stack 814,as fourth stack item 830 is completely flipped away and to the back ofstack 814, fifth stack item 832 further flips away from the top of stack814, and sixth stack item 834 (e.g., the “last” stack item of the stack)is increasingly revealed. In some embodiments, as shown in FIG. 8M, theflipped stack items 836, which correspond to stack items that have been“flipped” to the back of stack 814 via scrolling inputs 801, 803, and805 (e.g., first stack item 816, second stack item 824, third stack item826, fourth stack item 830) are partially visible in the stack. Further,electronic device 800 continually updates display of scroll bar 812 tocorrespond with the continued navigation (e.g., “flipping through”) ofstack 814. In some embodiments, because the scrolling 805 of rotatableinput mechanism 806 corresponds to an upwards scrolling of navigationuser interface 804, scroll bar 812 of FIG. 8M indicates that navigationuser interface 804 is further scrolled in the upwards direction relativeto scroll bar 812 of FIG. 8L.

In FIG. 8N, in response to receiving scrolling 805 of rotatable inputmechanism 806, electronic device 800 displays sixth stack item 834 instack 814. In some embodiments, electronic device 800 recognizes thatsixth stack item 834 is the “last” stack item of stack 814. In someembodiments, electronic device 800 recognizes sixth stack item 834 asbeing the “last” stack item based on first stack item 816 having beenthe top-most stack item and sixth stack item 834 having been thebottom-most stack item of stack 814 prior to the device receivingscrolling 801. In some embodiments, electronic device 800 recognizessixth stack item 834 as being the “last” stack item based on apredetermined (or pre-configured) label of each stack item. In someembodiments, electronic device 800 recognizes sixth stack item 834 asbeing the “last” stack item based on a structured ordering of the stackitems (e.g., alphanumeric-based ordering based on a name, such as albumname, playlist name, artist name, folder name, or radio station name)corresponding to the album (or playlist, artist, folder, radio station)associated with the stack item.

In FIG. 8O, electronic device 800 receives a user input corresponding tofurther navigation of navigation user interface 804 in an upwardsdirection. For example, as shown in FIG. 8O, the user input is ascrolling 807 of rotatable input mechanism 806 in the counter-clockwise(or alternatively, clockwise) direction that corresponds to a navigation(e.g., scrolling) of navigation user interface 804 in an upwardsdirection. Because sixth stack item 834 is the “last” item of stack 814,scrolling 807 causes (instead of continuing to “flip through” stack 814)navigation user interface 804 to transition from display of stack 814 todisplay of one or more menu icons (e.g., library menu icon 838) ofnavigation user interface 804. Further, electronic device 800continually updates display of scroll bar 812 to correspond with thenavigation (e.g., scrolling) of navigation user interface in the upwardsdirection.

In FIG. 8P, electronic device 800 receives continues to receivescrolling 807 of rotatable input mechanism 806 in the counter-clockwise(or alternatively, clockwise) direction that corresponds to a navigation(e.g., scrolling) of navigation user interface 804 in an upwardsdirection until navigation user interface 804 reaches the top ofnavigation user interface 804 (e.g., the opposite end of navigation userinterface 804 from the region displaying stack 814). Further upwardsnavigation (e.g., scrolling) of navigation user interface 804 causesdisplay of additional menu icons (e.g., search menu icon 840, nowplaying menu icon 842, stations menu icon). Further, electronic device800 continually updates display of scroll bar 812 to correspond with thenavigation (e.g., scrolling) of navigation user interface in the upwardsdirection until scroll bar 812 indicates that the user interface hasbeen navigated to the very top.

FIG. 8Q illustrates navigation user interface 804 navigated to the topof the user interface and displaying the menu icons region. In someembodiments, navigation user interface 804 includes library menu icon838, search menu icon 840, and now playing menu icon 842. In someembodiments, in addition or instead of library menu icon 838, navigationuser interface includes a (radio) stations icon. In some embodiments, atleast a portion (e.g., a top portion) of stack 814 is still visible inthe menu icons region of navigation user interface 804.

In some embodiments, in response to detecting user selection of nowplaying menu icon 842, electronic device 800 displays (e.g., replacesnavigation user interface 804 with) control user interface 888, whichincludes an indication of the currently-playing audio item. In someembodiments.

In some embodiments, in response to detecting user selection of thestations icon, electronic device 800 displays a stations list userinterface that includes a list of available radio stations by genre. Insome embodiments, in response to detecting user selection of a genrefrom the displayed list, electronic device 800 displays a list of(radio) stations corresponding to the selected genre. In someembodiments, in response to detecting user selection of a station fromthe list of presented stations, electronic device 800 displays controluser interface 888 (which includes an indication of the selectedstation) and causes audio output of the selected station.

In some embodiments, in response to detecting user selection of searchmenu icon 840, electronic device 800 displays a search user interfacethat includes a dictate icon and a scribble icon. In some embodiments,in response to detecting user selection of the dictate icon, electronicdevice 800 enables a user to search for an audio item using dictation.In some embodiments, in response to detecting user selection of thescribble icon, electronic device 800 enables a user to search for anaudio item using “scribble” input (e.g., handwriting input) ontouch-sensitive display 802 of electronic device 800. In someembodiments, when a first letter (e.g., “A”) is entered in a search,electronic device 800 provides selectable suggestions corresponding tothe entered letter. In some embodiments, once the user returns to thesearch function, the search mode is automatically selected to be thepreviously-used mode (e.g., dictation mode or scribble mode). In someembodiments, electronic device 800 enables the user to configure adefault setting between the dictation mode and the scribble mode. Insome embodiments, when a search is performed (using either dictationmode or scribble mode), electronic device 800 displays a list of audioitems which, when selected, causes the device to display control userinterface 888 and cause audio output of the selected audio item.

In FIG. 8R, electronic device 800 detects, via touch-sensitive display802 (or alternatively, a voice input via a mic or rotation input viarotatable input mechanism 806), user activation of library menu icon838. For example, the user activation is a tap gesture 809 on librarymenu icon 838. As shown in FIG. 8S, in response to detecting tap gesture809, electronic device 800 displays (e.g., replaces display ofnavigation user interface 804 with) a library user interface 844 thatincludes a plurality of library icons. In some embodiments, library userinterface 844 includes a first library icon 846 (e.g., “Playlists”), asecond library icon 848 (e.g., “Artists”), a third library icon 850(e.g., “Albums”), and a fourth library icon 852 (e.g., “Songs”). In someembodiments, in library user interface 844, electronic device 800maintains display of selectable indication 808. In some embodiments, inlibrary user interface 844, selectable indication 808 includes anindication that the currently-displayed user interface is library userinterface 844 (e.g., a textual indication stating “LIBRARY”). Further,in some embodiments, in library user interface 844, user selection ofselectable indication 808 causes electronic device 800 to display (e.g.,replace display of library user interface 844 with) navigation userinterface 804.

In FIG. 8T, electronic device 800 detects, via touch-sensitive display802 (or alternatively, a voice input via a mic or rotation input viarotatable input mechanism 806), user activation of first library icon846 (e.g., “Playlists”). For example, as shown in FIG. 8T, the useractivation is a tap gesture 811 on first library icon 846. As shown inFIG. 8U, in response to detecting tap gesture 811, electronic device 800displays (e.g., replaces display of library user interface 844 with) aplaylists user interface 854 that includes a plurality of playlist itemscorresponding to the albums corresponding to the stack items in stack814. For example, playlist user interface 854 includes a first playlistitem 856 (e.g., “My New Music Mix”) corresponding to third stack item826, a second playlist item 858 (e.g., “Workout”) corresponding tofourth stack item 830, a third playlist item 860 (e.g., “Sunday ChillList”) corresponding to fifth stack item 832, and a fourth playlist item862 (e.g., “Roadtrip Favorites”) corresponding to sixth stack item 834.In some embodiments, in playlist user interface 8854, electronic device800 maintains display of selectable indication 808. In some embodiments,in playlist user interface 854, selectable indication 808 includes anindication that the currently-displayed user interface is playlist userinterface 854 (e.g., a textual indication stating “PLAYLISTS”). Further,in some embodiments, in playlist user interface 854, user selection ofselectable indication 808 causes electronic device 800 to display (e.g.,replace display of playlist user interface 854 with) library userinterface 844.

In FIG. 8V, electronic device 800 detects, via touch-sensitive display802 (or alternatively, a voice input via a mic or rotation input viarotatable input mechanism 806), user activation of second playlist item858 (e.g., “Workout”). For example, as shown in FIG. 8V, the useractivation is a tap gesture 813 on second playlist item 858. As shown inFIG. 8W, in response to detecting the user activation of second playlistitem 858, electronic device 800 displays (e.g., replaces display ofplaylist user interface 854 with) a control user interface 888 thatcorresponds to control user interface 622 described above with referenceto FIGS. 6C-6S. As with control user interface 622, control userinterface 888 includes display of an indication 864 of thecurrently-playing audio item (e.g., “First WO Track”) and an indication866 of an artist (e.g., “First WO Artist”) corresponding to thecurrently-playing audio item. In some embodiments, electronic device 800automatically causes audio output (e.g., via internal speakers ofelectronic device 800 or via an external device, such as headphonespaired with electronic device 800, an external speaker paired withelectronic device 800, or speakers of a different device, such as asmartphone, tablet, laptop computer, or desktop computer, paired withelectronic device 800) of a first audio item associated with secondplaylist item 858 (which, in the embodiment depicted in FIG. 8W, is“First WO Track”). In some embodiments, in response to detecting theuser activation of second playlist item 858, electronic device displays(e.g., replaces display of playlist user interface 854 with) a tracksuser interface (e.g., tracks user interface 878 depicted in FIG. 8AA).

FIG. 8X illustrates electronic device 800 displaying library userinterface 844 and, while displaying library user interface 844,detecting, via touch-sensitive display 802 (or alternatively, a voiceinput via a mic or rotation input via rotatable input mechanism 806),user activation of second library icon 848 (e.g., “Artists”). Forexample, the user activation is a tap gesture 815 on second library icon848. As shown in FIG. 8Y, in response to detecting tap gestures 815 onsecond library icon 848 (e.g., “Artists”), electronic device 800displays (e.g., replaces display of library user interface 844 with) aartists user interface 868 that includes a first artist icon 870 (e.g.,displaying “First Artist,” an indication of the name of the firstartist), a second artist icon 872 (e.g., displaying “Second Artist,” anindication of the name of the second artist), a third artist icon 874(e.g., displaying “Third Artist,” an indication of the name of the thirdartist), and a fourth artist icon 876 (e.g., displaying “Fourth Artist,”an indication of the name of the fourth artist). In some embodiments, inartists user interface 868, electronic device 800 maintains display ofselectable indication 808. In some embodiments, in artists userinterface 868, selectable indication 808 includes an indication that thecurrently-displayed user interface is artists user interface 868 (e.g.,a textual indication stating “ARTISTS”). Further, in some embodiments,in artists user interface 868, user selection of selectable indication808 causes electronic device 800 to display (e.g., replace display ofartists user interface 868 with) library user interface 844.

In FIG. 8Z, electronic device 800 detects, via touch-sensitive display802 (or alternatively, a voice input via a mic or rotation input viarotatable input mechanism 806), user activation of fourth artist icon876 (e.g., “Fourth Artist”). For example, as shown in FIG. 8Z, the useractivation is a tap gesture 817 on fourth artist icon 876. As shown inFIG. 8AA, in response to detecting the user activation of fourth artisticon 876, electronic device 800 displays (e.g., replaces display ofartist user interface 868 with) a tracks user interface 878 thatincludes one or more track items corresponding to audio items associatedwith the fourth artist. For example, as shown in FIG. 8AA, tracks userinterface 878 includes a first track item 880 (e.g., displaying “FATrack One,” an indication of the name of the first track), a secondtrack item 882 (e.g., displaying “FA Track Two,” an indication of thename of the second track), a third track item 884 (e.g., displaying “FATrack Three,” an indication of the name of the third track), and afourth track item 886 (e.g., displaying “FA Track Four,” an indicationof the name of the fourth track). In some embodiments, in tracks userinterface 878, electronic device 800 maintains display of selectableindication 808. In some embodiments, in tracks user interface 878,selectable indication 808 includes an indication that thecurrently-displayed user interface is tracks user interface 878 (e.g., atextual indication stating the name of the artist, such as “FOURTHARTIST”). Further, in some embodiments, in tracks user interface 878,user selection of selectable indication 808 causes electronic device 800to display (e.g., replace display of tracks user interface 878 with)artists user interface 868.

In FIG. 8AB, electronic device 800 detects, via touch-sensitive display802 (or alternatively, a voice input via a mic or rotation input viarotatable input mechanism 806), user activation of first track item 880(e.g., “FA Track One”). For example, as shown in FIG. 8AB, the useractivation is a tap gesture 819 on first track item 880. As shown inFIG. 8AC, in response to detecting tap gesture 819, electronic device800 displays (e.g., replaces display of tracks user interface 878 with)control user interface 888 that corresponds to control user interface622 described above with reference to FIGS. 6C-6S. As with control userinterface 622, control user interface 888 includes indication 864 of thecurrently-playing audio item (e.g., “FA Track One”) and indication 866of an artist (e.g., “Fourth Artist”) corresponding to thecurrently-playing audio item.

FIGS. 9A-9D are a flow diagram illustrating a method for playing andmanaging audio items using an electronic device in accordance with someembodiments. Method 900 is performed at a device (e.g., 100, 300, 500)with a touch-sensitive display. Some operations in method 900 are,optionally, combined, the order of some operations is, optionally,changed, and some operations are, optionally, omitted.

As described below, method 900 provides an intuitive way for playing andmanaging audio items. The method reduces the cognitive burden on a userfor playing and managing audio items, thereby creating a more efficienthuman-machine interface. For battery-operated computing devices,enabling a user to play and manage audio items faster and moreefficiently conserves power and increases the time between batterycharges.

At block 902, the electronic device (e.g., 800) displays, on the display(e.g., 802), an ordered stack (e.g., 814) of audio playlist items in afirst position, where the ordered stack of audio playlist items includesa first item (e.g., 816), a second item, and a third item, and where thefirst item is displayed in the first position. In some examples, theordered stack of audio playlist items (e.g., 814) is a stack of records.In some examples, the ordered stack of audio playlist items (e.g., 814)is a stack of audio tracks. In some examples, the ordered stack of audioplaylist items (e.g., 814) is a collection of titles or albums. In someexamples, the ordered stack of audio playlist items (e.g., 814) is acollection of radio items, news items, or podcasts. In some examples,the ordered stack of audio playlist items (e.g., 814) is a collection ofaudio recordings.

Displaying the ordered stack of audio playlist items provides a visualfeedback that enables the user to visualize (and thus experience thesensation of) flipping through a real stack of playlist items. Providingimproved visual feedback to the user enhances the operability of thedevice and makes the user-device interface more efficient (e.g., byhelping the user to provide proper inputs and reducing user mistakeswhen operating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, at block 904, while displaying, on the display(e.g., 802), the ordered stack of audio playlist items (e.g., 814) inthe first position, the electronic device (e.g., 800) receives userselection of the first item. In some embodiments, at block 906, inresponse to receiving the user selection of the first item, theelectronic device (e.g., 800) displays, on the display (e.g., 802), acontrol user interface (e.g., 888) (e.g., a main user interface of amusic application), where the control user interface includes anindication of a first audio item (e.g., a first track of the selectedplaylist) associated with the first item. In some embodiments, at block908, the electronic device (e.g., 800) causes audio output of the firstaudio item. For example, the electronic device (e.g., 800) causes theaudio output of the second audio item via internal speakers of theelectronic device or via an external device, such as headphones pairedwith the electronic device, an external speaker paired with theelectronic device, or the speakers of a different device (e.g., asmartphone, tablet, laptop computer, or desktop computer) paired withthe electronic device.

At block 910, the electronic device (e.g., 800) receives a first input(e.g., 801, 803, 805) in a first direction. In some embodiments, theelectronic device (e.g., 800) includes a rotatable input mechanism(e.g., 806) (e.g., a physical rotatable crown of the electronic devicefor navigating the display of the electronic device), and the firstinput is based on a movement of the rotatable input mechanism in thefirst direction (which can either be rotation in a clockwise directionor in a counter-clockwise direction), and the second input is based on a(additional) continued movement of the rotatable input mechanism in thefirst direction. In some embodiments, the first input is a gesture onthe touch-sensitive display (e.g., 802) corresponding to a request toscroll in the first direction (e.g., an upwards direction or a downwardsdirection), and the second input is an additional finger scroll in thefirst direction.

Having the first input be based on the movement of the rotatable inputmechanism in the first direction and the second input be based on thecontinued movement of the rotatable input mechanism in the firstdirection provides an improved input technique for navigating a userinterface that seamlessly transition from one navigation mode to adifferent navigation mode. Providing a seamless transition betweendifferent navigation modes within a user interface using the same inputtechnique and reducing the number of inputs needed to perform thetechnique enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

At block 912, in response to receiving the first input, the electronicdevice (e.g., 800) displays, on the display (e.g., 802), the orderedstack of audio playlist items (e.g., 814) in a second position, wherethe second item is displayed in the second position.

At block 914, the electronic device (e.g., 800) receives a second(additional) input in the first direction.

At block 916, in response to receiving the second input, the electronicdevice (e.g., 800), at block 918, in accordance with a determinationthat the second item is a terminal item (e.g., the first item in thestack or the last item in the stack) in the ordered stack of audioplaylist items (e.g., 814), displays, on the display (e.g., 802), atleast one menu affordance of a plurality of menu affordances, and, atblock 920, in accordance with a determination that the second item is anintermediate item (e.g., any item in the stack that is not the first orthe last item) in the ordered stack of audio playlist items (e.g., 814),displays, on the display (e.g., 802), the ordered stack of audioplaylist items in a third position, where the third item is displayed inthe third position. In some examples, the plurality of menu affordancesare a plurality of quick access menus (e.g., 842, 840, 838), such as a“now playing” menu, a “search” menu, and a “library” menu.

Displaying at least one menu affordance of the plurality of menuaffordances in accordance with a determination that the second item is aterminal item and displaying the ordered stack of audio playlist itemsin a third position in accordance with a determination that the seconditem is an intermediate item allows for the user to seamlesslytransition between viewing the plurality of menu affordances and viewingthe ordered stack of audio playlist items without providing additioninput or providing a request to change navigation modes. Performing anoperation when a set of conditions has been met without requiringfurther user input enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, the terminal item (e.g., an audio playlist itemthat is in the first or last position of the ordered stack) is the firstof the audio playlist items in the ordered stack of audio playlist items(e.g., 814). In some examples, the terminal item (e.g., an audioplaylist item that is in the first or last position of the orderedstack) is the last of the audio playlist items in the ordered stack ofaudio playlist items (e.g., 814). In some examples, the intermediateitem (e.g., an audio playlist item that is not in the first or lastposition of the ordered stack) is located between a first of the audioplaylist items in the ordered stack of audio playlist items (e.g., 814)and a last of the audio playlist items in the ordered stack of audioplaylist items.

In some embodiments, at block 922, while displaying the at least onemenu affordance of the plurality of menu affordances (e.g., 842, 840,838) (e.g., a “now playing” menu, a “search” menu, a “library” menu),the electronic device (e.g., 800) receives user selection of a firstmenu affordance (e.g., the “library” menu) of the plurality of menuaffordances. In some embodiments, at block 924, in response to receivingthe user selection of the first menu affordance (e.g., the “library”menu), the electronic device (e.g., 800) displays, on the display, aplurality of audio group affordances (e.g., a list of availableplaylists, artists, albums, songs). In some embodiments, at block 926,the electronic device receives user selection (e.g., 811) of a firstaudio group affordance (e.g., 846) (e.g., playlists) of the plurality ofplaylist menu affordances. In some embodiments, at block 928, inresponse to receiving the user selection of the first audio groupaffordance (e.g., playlists), the electronic device displays, on thedisplay, one or more audio group items (e.g., 856, 858, 860, 862) (e.g.,one or more playlists) associated with the first audio group affordance.In some embodiments, at block 930, the electronic device receives userselection (e.g., 813) of a first audio group item (e.g., 858) (e.g., aparticular playlist) of the one or more audio group items. In someembodiments, at block 932, in response to receiving the user selectionof the first audio group item, the electronic device (e.g., 800), atblock 934, displays, on the display, a control user interface (e.g.,888) (e.g., a control music interface of a music application), where thecontrol user interface includes an indication of a first audio item(e.g., 864) (e.g., a song associated with the selected playlist) of thefirst audio group item, and, at block 936, causes audio output of thefirst audio item. For example, the electronic device causes the audiooutput of the first audio item via internal speakers of the electronicdevice or via an external device, such as headphones paired with theelectronic device, an external speaker paired with the electronicdevice, or the speakers of a different device (e.g., a smartphone,tablet, laptop computer, or desktop computer) paired with the electronicdevice.

In some embodiments, at block 938, while displaying the at least onemenu affordance of the plurality of menu affordances (e.g., 842, 840,838) (e.g., a “now playing” menu, a “search” menu, a “library” menu),the electronic device (e.g., 800) receives user selection (e.g., 809) ofa first menu affordance (e.g., 838) (e.g., the “library” menu) of theplurality of menu affordances. In some embodiments, at block 940, inresponse to receiving the user selection of the first menu affordance(e.g., the “library” menu), the electronic device (e.g., 800) displays,on the display, a plurality of audio group affordances (e.g., 846, 848,850, 852) (e.g., a list of available playlists, artists, albums, songs).In some embodiments, at block 942, the electronic device (e.g., 800)receives user selection (e.g., 815) of a first audio group affordance(e.g., 848) (e.g., artists) of the plurality of playlist menuaffordances. In some embodiments, at block 944, in response to receivingthe user selection of the first audio group affordance (e.g., artists),the electronic device displays, on the display, one or more audio groupitems (e.g., one or more different artists) associated with the firstaudio group affordance.

In some embodiments, at block 946, the electronic device (e.g., 800)receives user selection (e.g., 817) of a first audio group item (e.g.,876) (e.g., a particular artist) of the one or more audio group items.In some embodiments, at block 948, in response to receiving the userselection of the first audio group item, the electronic device (e.g.,800) displays, on the display (e.g., 802), one or more audio groupsub-items (e.g., albums associated with the selected artist) associatedwith the first audio group item. In some embodiments, at block 950, theelectronic device (e.g., 800) receives user selection of a first audiosub-group item (e.g., a particular album associated with the selectedartist). In some embodiments, at block 952, in response to receiving theuser selection of the first audio sub-group item (e.g., the particularalbum), the electronic device (e.g., 800), at block 954, displays, onthe display, a control user interface (e.g., 888) (e.g., a control musicinterface of a music application), where the control user interfaceincludes an indication of a first audio item (e.g., a song associatedwith the selected album) of the first audio sub-group item, and, atblock 956, causes audio output of the first audio item. For example, theelectronic device causes the audio output of the first audio item viainternal speakers of the electronic device or via an external device,such as headphones paired with the electronic device, an externalspeaker paired with the electronic device, or the speakers of adifferent device (e.g., a smartphone, tablet, laptop computer, ordesktop computer) paired with the electronic device.

Note that details of the processes described above with respect tomethod 900 (e.g., FIGS. 9A-9D) are also applicable in an analogousmanner to the methods described above and below. For example, methods700, 1100, and 1300 optionally include one or more of thecharacteristics of the various methods described above with reference tomethod 900. For example, the method of navigating and selecting an audioitem to play described in method 700 can be used to select audio itemsto be played through electronic device 800. For another example, themethod of quickly and efficiently switching between user interfaces ofactive applications described in method 1100 can be used to switchamongst active applications on electronic device 800. For anotherexample, the method of updating data associated with audio files using adifferent device as described in method 1300 can be used to updatelocally stored data on electronic device 800. For brevity, these detailsare not repeated below.

FIGS. 10A-10H illustrate exemplary user interfaces for playing andmanaging audio items, in accordance with some embodiments. The userinterfaces in these figures are used to illustrate the processesdescribed below, including the processes in FIGS. 11A-11B.

FIG. 10A illustrates the face of an electronic device 1000 (e.g.,portable multifunction device 100, device 300, or device 500). In thisnon-limiting exemplary embodiment depicted in FIGS. 10A-10H, electronicdevice 600 is a smartwatch. In other embodiments, electronic device 1000can be a different type of electronic device, such as a different typeof wearable device or a smartphone.

As shown in FIG. 10A, electronic device 1000 displays, ontouch-sensitive display 1002, a control user interface 1004 of anapplication (e.g., music application) for playing audio items (e.g.,songs, podcasts, radio channels). Control user interface 1004 of FIG.10A corresponds to control user interface 622 described with referenceto FIGS. 6C-6S. In addition, control user interface 1004 includes aquick access menu corresponding to an application (e.g., a workoutapplication, a music application) that is active on electronic device1000. For example, quick access menu can correspond to any applicationthat can run on electronic device 1000. In some embodiments, quickaccess menu 1010 is displayed adjacent to time indication 1012 at afirst location (e.g., a top-right corner region) on display 1002.

In some embodiments, quick access menu can correspond to a musicapplication. In some embodiments, a music application is active onelectronic device 1000 if the device is causing (e.g., via internalspeakers or via an external device, such as headphones paired with thedevice, an external speaker paired with the device, a different device,such as a smartphone, tablet, laptop computer, or desktop computer,paired with the device) audio output of an audio item (e.g., a song, amedia item, live radio, podcast) using the music application, even whenthe application itself is not currently being displayed on electronicdevice 1000. In some embodiments, a music application is also deemedactive when the application is pausing audio output of an audio item(e.g., a song, a media item, live radio, podcast), even when theapplication itself is not currently being displayed on electronic device1000. In some embodiments, a music application is inactive when theapplication has stopped (instead of paused) causing audio output of anaudio item (e.g., a song, a media item, live radio, podcast).

In some embodiments, quick access menu can correspond to a workoutapplication. In some embodiments, a workout application is active when aworkout routine (e.g., distance traveled, time traveled, steps taken,distance remaining to goal, time remaining to goal) is enabled andrunning on the application, even when the application itself is notcurrently being displayed on electronic device 1000. In someembodiments, a workout application is inactive when no workout trackingfeatures (e.g., distance traveled, time traveled, steps taken, distanceremaining to goal, time remaining to goal) are enabled on theapplication.

As mentioned above, FIG. 10A illustrates control user interface 1004 ofa music application. In FIG. 10A, electronic device 1000 is causing(e.g., via internal speakers of electronic device 1000 or via anexternal device, such as headphones paired with electronic device 1000,an external speaker paired with electronic device 1000, or speakers of adifferent device, such as a smartphone, tablet, laptop computer, ordesktop computer, paired with electronic device 1000) audio output of,through the music application, a song titled “FA Track One.” Thus, themusic application is active on electronic device 1000 of FIG. 10A. Inaddition, a workout routine is also running on electronic device 1000,and thus a workout application is also active on the device. As such,FIG. 10A further illustrates electronic device 1000 displaying, oncontrol user interface 1004 corresponding to the music application,quick access menu 1010 corresponding to a workout application.

As shown in FIG. 10B, electronic device 1000 detects, viatouch-sensitive display 1002 (or alternatively, a voice input via amic), user activation of quick access menu 1010A corresponding to theworkout application. For example, the user activation is a tap gesture1001 on quick access menu 1010 corresponding to the workout applicationon control user interface 1004.

In FIG. 10C, in response to detecting tap gesture 1001 on quick accessmenu 1010A corresponding to the workout application on control userinterface 1004, electronic device 1000 displays (e.g., replaces displayof control user interface 1004 of the music application with) a mainworkout user interface 1014 of the workout application. In someembodiments, main workout user interface 1014 of the workout applicationincludes representations of activity monitoring data, including, forexample, active calorie data 1016, total calorie data 1018, bpm data1020, and distance travelled data 1022, corresponding to the activeworkout routine.

While electronic device 1000 is now displaying main workout userinterface 1014 of the workout application, the music application isstill causing audio output of “FA Track One.” Thus, the musicapplication remains active on electronic device 1000. As such, inaddition to displaying main workout user interface 1014, electronicdevice 1000 displays a quick access menu 1010B corresponding to themusic application at the same location on display 1002 as the previousdisplay of quick access menu 1010A corresponding to the workoutapplication.

As shown in FIG. 10D, while the music application and the workoutapplication remain active (e.g., the music application continues tocause audio output of tracks, the workout application continues to runthe workout routine) on electronic device 1000, electronic device 1000detects, via touch-sensitive display 1002 (or alternatively, a voiceinput via a mic), user activation of quick access menu 1010Bcorresponding to the music application. For example, as shown in FIG.10D, the user activation is a tap gesture 1003 on quick access menu1010B corresponding to the music application.

In FIG. 10E, in response to detecting tap gesture 1003 on quick accessmenu 1010B corresponding to the music application, electronic device1000 displays (e.g., replaces display of main workout user interface1014 corresponding to the workout application with) control userinterface 1004 corresponding to the music application. Further, whiledisplaying control user interface 1004, the workout routine remainsrunning on the device. As such, in addition to displaying control userinterface 1004, electronic device 1000 displays quick access menu 1010Acorresponding to the workout application at the same location on display1002 as the previous display of quick access menu 1010B corresponding tothe music application.

FIG. 10F illustrates electronic device 1000 displaying a time userinterface 1016. Time user interface 10106 includes an indication 1018 ofthe current time. In some embodiments, the device is in a locked mode(e.g., in a user interface locked state) while displaying time userinterface 1016. In some embodiments, the device is in an unlocked mode(e.g., in a user interface unlocked state) while displaying time userinterface 1016.

In FIG. 10F, electronic device 1000 is causing (e.g., via internalspeakers of electronic device 1000 or via an external device, such asheadphones paired with electronic device 1000, an external speakerpaired with electronic device 1000, or speakers of a different device,such as a smartphone, tablet, laptop computer, or desktop computer,paired with electronic device 1000) audio output of a track (e.g., “FATrack One”) through the music application, but not workout routine is inprogress. Thus, in FIG. 10F, the music application is active but theworkout application is inactive on the device.

Because the music application is active on the device, electronic device1000 also displays, at a second location (e.g., top-center region) ofdisplay 1002 different from the first location (e.g., top-right cornerregion), quick access menu 1010B corresponding to the music application.Subsequent to displaying quick access menu 1010B on time user interface1016 at the second location, in FIG. 10G, electronic device 1000detects, via touch-sensitive display 1002 (or alternatively, a voiceinput via a mic), user activation of quick access menu 1010Bcorresponding to the music application. For example, the user activationis a tap gesture 1005 on quick access menu 1010B corresponding to themusic application on time user interface 1016.

In some embodiments, if electronic device 1000 is in a locked mode(e.g., in a user interface locked state) when tap gesture 1005 isdetected, tap gesture 1005 also causes the device to convert from thelocked mode to an unlocked mode (e.g., a user interface unlocked state).In some embodiments, if electronic device 1000 is in a locked mode(e.g., in a user interface locked state) when tap gesture 1005 isdetected, tap gesture 1005 causes display of control user interface 1004of the music application but does not cause the device to convert fromthe locked mode to an unlocked mode.

As shown in FIG. 10H, in response to detecting tap gesture 1005,electronic device 1000 displays (e.g., replaces display of time userinterface 1016 with) control user interface 1004 of the musicapplication. As also shown in FIG. 10H, because a workout routine is notcurrently active on electronic device 1000, control user interface 1004does not include display of quick access menu 1010A corresponding to theworkout application. Electronic device 1000 continues to cause (e.g.,via internal speakers of electronic device 1000 or via an externaldevice, such as headphones paired with electronic device 1000, anexternal speaker paired with electronic device 1000, or speakers of adifferent device, such as a smartphone, tablet, laptop computer, ordesktop computer, paired with electronic device 1000) audio output ofthe currently-playing track (e.g., “FA Track One”).

FIGS. 11A-11B are a flow diagram illustrating a method for playing andmanaging audio items using an electronic device in accordance with someembodiments. Method 1100 is performed at a device (e.g., 100, 300, 500)with a touch-sensitive display. Some operations in method 1100 are,optionally, combined, the order of some operations is, optionally,changed, and some operations are, optionally, omitted.

As described below, method 1100 provides an intuitive way for playingand managing music. The method reduces the cognitive burden on a userfor playing and managing music, thereby creating a more efficienthuman-machine interface. For battery-operated computing devices,enabling a user to play and manage music faster and more efficientlyconserves power and increases the time between battery charges.

At block 1102, the electronic device (e.g., 1000) receives user inputinitiating a first application while a second application different fromthe first application is active (e.g., running in the background) on theelectronic device. In some examples, the first application is a musicapplication, a video application, or a media application, and the secondapplication is a workout application, an exercise application, or ahealth monitoring application (or vice versa).

In some embodiments, the first application is a music application, andthe first application is active when the electronic device (e.g., 1000)is causing audio output of an audio item (e.g., a song, a media item,live radio, podcast) associated with the first application. For example,the electronic device (e.g., 1000) causes the audio output of an audioitem via internal speakers of the electronic device or via an externaldevice, such as headphones paired with the electronic device, anexternal speaker paired with the electronic device, or the speakers of adifferent device (e.g., a smartphone, tablet, laptop computer, ordesktop computer) paired with the electronic device.

In some embodiments, the first application remains active when the firstapplication causes the electronic device (e.g., 1000) to pause causingof the audio output of the audio item. In some examples, the firstapplication causes the electronic device (e.g., 1000) to pause inresponse to receiving user input on a “pause” affordance of the musicapplication to pause playing of the audio item. In some embodiments, thefirst application is inactive when the first application causes theelectronic device (e.g., 1000) to stop causing audio output of the audioitem. In some examples, the first application causes the electronicdevice (e.g., 1000) to stop causing audio output of the audio item inresponse to receiving user input on a “stop” affordance of the musicapplication to stop playing of the audio item.

In some embodiments, the second application is a workout application,and the second application is active when a workout routine (e.g.,distance traveled, time traveled, steps taken, distance remaining togoal, time remaining to goal) is enabled on the second application.

In some embodiments, the second application is inactive when all workouttracking features (e.g., distance traveled, time traveled, steps taken,distance remaining to goal, time remaining to goal) are disabled on thesecond application.

At block 1104, the electronic device (e.g., 1000) displays, on thedisplay, a first user interface (e.g., 1004) associated with the firstapplication and a first affordance (e.g., 1010A) associated with thesecond application. In some examples, the first user interface (e.g.,1004) is the home screen of music application. In some examples, thefirst user interface (e.g., 1004) is the home screen of a video playerapplication. In some examples, the first user interface (e.g., 1004) isthe home screen of a media application. In some examples, the firstaffordance (e.g., 1010A) is a mini-icon for a workout application. Insome examples, the first affordance (e.g., 1010A) is a mini-icon for anexercise application. In some examples, the first affordance (e.g.,1010A) is a mini-icon for a health monitoring application.

Displaying the first user interface associated with the firstapplication and the first affordance associated with the secondapplication provides the user with a user interface that allows the userto, while viewing the first user interface of the first application,recognize that a second application is active on the device and that aselection of the first affordance can cause display of the secondapplication. Providing additional control options without cluttering theUI with additional displayed controls enhances the operability of thedevice and makes the user-device interface more efficient (e.g., byhelping the user to provide proper inputs and reducing user mistakeswhen operating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

At block 1106, the electronic device (e.g., 1000) receives userselection (e.g., 1001) (e.g., a tap, a detectable touch gesture) of thefirst affordance.

At block 1108, in response to receiving the user selection (e.g., 1001)of the first affordance (e.g., 1010A), the electronic device (e.g.,1000), at block 1110, replaces display of the first user interface(e.g., 1004) with display of a second user interface (e.g., 1014)associated with the second application, where the first applicationremains active on the electronic device, and, at block 1112, replacesdisplay of the first affordance (e.g., 1010A) with display of a secondaffordance (e.g., 1010B) associated with the first application. In someexamples, the second user interface (e.g., 1014) is the home screen of aworkout application. In some examples, the second user interface (e.g.,1014) is the home screen of a, exercise application. In some examples,the second user interface (e.g., 1014) is the home screen of a healthmonitoring application. In some examples, the second affordance (e.g.,1010B) is a mini-icon for a music application. In some examples, thesecond affordance (e.g., 1010B) is a mini-icon for a video playerapplication. In some examples, the second affordance (e.g., 1010B) is amini-icon for a media application.

Replacing display of the first user interface with display of the seconduser interface associated with the second application, where the firstapplication remains active on the device, and replacing display of thefirst affordance with display of the second affordance associated withthe first application in response to receiving the user selection of thefirst affordance allows a user to quickly and easily transition back andforth between viewing one active application (e.g., the firstapplication) and viewing another active application (e.g., the secondapplication). Reducing the number of inputs needed to perform anoperation enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, at block 1114, the electronic device (e.g., 1000)determines that the second application is no longer active. In someexamples, the electronic device (e.g., 1000) determines that the secondapplication is no longer active based on user input ending or cancelingan ongoing workout session. In some examples, the electronic devicedetermines that the second application is no longer active based onexpiration of an ongoing workout session. In some examples, theelectronic device determines that the second application is no longeractive based on user input stopping play of an audio item. In someexamples, the electronic device determines that the second applicationis no longer active based on all tracks of a playlist having beenplayed. In some embodiments, at block 1116, the electronic device (e.g.,1000) receives user selection of the second affordance (e.g., 1010B)(e.g., a quick access menu associated with the music application)associated with the first application. In some embodiments, at block1118, in response to receiving the user selection of the secondaffordance (e.g., 1010B), the electronic device (e.g., 1000), at block1120 replaces display of the second user interface (e.g., 1014) (e.g.,of the workout application) with display of the first user interface(e.g., 1004) (e.g., of the music application) associated with the firstapplication without replacing display of the second affordance (e.g.,1010B) with the first affordance (e.g., 1010A), and, at block 1122,ceases to display the first affordance. For example, the electronicdevice replaces display of the second user interface with display of thefirst user interface associated with the first application withoutreplacing display of the second affordance with the first affordance andceases to display the first affordance because the second application isno longer active.

Replacing display of the second user interface with display of the firstuser interface associated with the first application without replacingdisplay of the second affordance with the first affordance ad ceasing todisplay the first affordance in response to receiving the user selectionof the second affordance provides a visual feedback indicating to theuser that the second application is no longer active on the device.Providing improved feedback enhances the operability of the device andmakes the user-device interface more efficient (e.g., by helping theuser to provide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, at block 1124, the electronic device (e.g., 1000)displays, on the display (e.g., 1002), a home user interface (e.g.,1016) (e.g., a main user interface of the device, a time user interfaceof the device), where the home user interface includes the secondaffordance (e.g., 1010B) (e.g., a quick access menu associated with themusic application) associated with the first application (e.g., a musicapplication) at a first location of the display different from a secondlocation of the display. In some examples, the first location is atop-center region of the display (e.g., 1002), which can be a morereadily visible portion of a display to a user. In some examples, thesecond location is a top-corner region of the display (e.g., 1002),which can allow for less interference with other elements of thedisplayed interface.

Displaying the second affordance associated with the first applicationon the home user interface provides a visual indication to the userwhile the user is viewing the home user interface that the firstapplication is active on the device. Providing improved feedbackenhances the operability of the device and makes the user-deviceinterface more efficient (e.g., by helping the user to provide properinputs and reducing user mistakes when operating/interacting with thedevice) which, additionally, reduces power usage and improves batterylife of the device by enabling the user to use the device more quicklyand efficiently.

In some embodiments, at block 1126, the electronic device (e.g., 1000)receives user selection (e.g., 1005) of the second affordance (e.g.,1010B) associated with the first application. In some embodiments, atblock 1128, in response to receiving the user selection of the secondaffordance associated with the first application, the electronic device(e.g., 1000), at block 1130, replaces display of the home user interface(e.g., 1016) with display of the first user interface (e.g., 1004)associated with the first application, at block 1132, ceases to displaythe second affordance (e.g., 1010B) (e.g., a quick access menuassociated with the music application) at the first location of thedisplay, and, at block 1134, displays the first affordance (e.g., 1010A)(e.g., a quick access menu associated with the workout application)associated with the second application at the second location of thedisplay.

Note that details of the processes described above with respect tomethod 1100 (e.g., FIGS. 11A-11B) are also applicable in an analogousmanner to the methods described above and below. For example, methods800, 900, and 1300 optionally include one or more of the characteristicsof the various methods described above with reference to method 1100.For example, the method of navigating and selecting an audio item toplay described in method 700 can be used to select audio items to beplayed through electronic device 1000. For another example, the methodof navigating the displayed stack of stack items described in method 900can be used to navigate audio items and select audio items to be playedthrough electronic device 1000. For another example, the method ofupdating data associated with audio files using a different device asdescribed in method 1300 can be used to update locally stored data onelectronic device 1000. For brevity, these details are not repeatedbelow.

FIGS. 12A-12AE illustrate exemplary user interfaces for playing andmanaging audio items, in accordance with some embodiments. The userinterfaces in these figures are used to illustrate the processesdescribed below, including the processes in FIGS. 13A-13C.

FIG. 12A illustrates the face of an electronic device 1200 (e.g.,portable multifunction device 100, device 300, or device 500). In thisnon-limiting exemplary embodiment depicted in FIGS. 12A-12AE, electronicdevice 1200 is a smartphone. In other embodiments, electronic device1200 can be a different type of electronic device, such as a wearabledevice (e.g., a smartwatch).

In some embodiments, electronic device 1200 detects, via a wirelesscommunication radio (e.g., a WiFi connection, a Bluetooth connection),an external device (e.g., a smartwatch). In some embodiments, theexternal device, such as a smartwatch, is paired with electronic device1200 (e.g., both devices are associated with the same user account). Insome embodiments, a user of electronic device 1200 has not yetconfigured automatic push (e.g., automatic transfer of files, such asaudio files, audio playlists, audio albums, folders, etc., fromelectronic device 1200 to the external device) settings betweenelectronic device 1200 and the external device.

As shown in FIG. 12A, in some embodiments, in response to establishing acommunication link (via the wireless communication radio) betweenelectronic device 1200 and the external device (e.g., a smartwatch),electronic device 1200 displays a setup user interface 1208 forconfiguring automatic push settings between electronic device 1200 andthe external device. In some embodiments, setup user interface 1208 isdisplayed only when the user of the device has not yet configuredautomatic push settings on the device. In some embodiments, setup userinterface 1208 includes a textual indication 1210 (e.g., “Add Music ToYour Watch”) and a graphical indication 1212 of the availability ofautomatic push settings and a request that the user configure automaticpush settings between electronic device 1200 and the external device.Setup user interface 1208 also includes a proceed icon 1216 forproceeding with configuring automatic push settings and a cancel icon1218 (e.g., “Not Now”) for forgoing configuring automatic push settingsat this time.

In FIG. 12B, electronic device 1200 detects, via touch-sensitive display1202 (or alternatively, a voice input via a mic) user activation ofproceed icon 1216. For example, the user activation is a tap gesture1201 on proceed icon 1216.

As shown in FIG. 12C, in response to detecting tap gesture 1201 onproceed icon 1216, electronic device 1200 displays (e.g., replacesdisplay of setup user interface 1208 with) setup selection userinterface 1220. In some embodiments, setup selection user interface 1220includes a description 1224 of automatic push functionality and a cancelicon 1240 for forgoing configuring initial automatic push settings. Insome embodiments, setup selection user interface 1220 also includes oneor more playlists (or albums, artists, folders) available on (e.g.,stored on) electronic device (or available via electronic device 1200through a cloud service) to designate or de-designate for automatic pushbetween electronic device 1200 and the external device (e.g., asmartwatch).

For example, in FIG. 12C, setup selection user interface 1220 includes afirst playlist 1226 (e.g., “My Top Hits”), a second playlist 1230 (e.g.,“Classics”), and a third playlist 1234 (e.g., “Workout”). In someembodiments, setup selection user interface also includes toggle icons1228, 1232, 1236 associated with each available playlist. In someembodiments, a toggle icon is in the “designated” or “on” state when itis toggled to the right (as are toggle icons 1228, 1232, and 1236) andis in the “non-designated” or “off” state when it is toggled to theleft. Thus, in FIG. 12C, all three playlists 1226, 1230, and 1234 aredesignated (via toggle icons 1228, 1232, and 1236) to be automaticallypushed from electronic device 1200 to the external device. In someembodiments, setup selection user interface 1220 also includes a secondproceed icon 1238 for proceeding with initial automatic pushconfiguration.

In FIG. 12D, electronic device 1200 detects, via touch-sensitive display1202 (or alternatively, a voice input via a mic) user input on toggleicon 1236 corresponding to third playlist 1234 (e.g., “Workout”). Forexample, the user input is a tap gesture 1203 (or alternatively, a shortswipe gesture) on toggle icon 1236 to de-designate third playlist 1234for automatic push. As shown in FIG. 12E, tap gesture 1203 on toggleicon 1236 causes toggle icon 1236 to shift from the “designated” (or“on”) state to the “non-designated” (or “off”) state. Thus, as shown inFIG. 12E, following tap gesture 1203 on toggle icon 1236, third playlist1234 (e.g., “Workout”) is no longer designated for automatic push.

In FIG. 12F, with first playlist 1226 and second playlist 1230designated for automatic push and third playlist 1234 no longerdesignated for automatic push, electronic device 1200 detects, viatouch-sensitive display 1202 (or alternatively, a voice input via a mic)user activation of second proceed icon 1238 for proceeding withconfiguring automatic push. For example, the user activation is a tapgesture 1205 on proceed icon 1238.

As shown in FIG. 12G, in response to detecting tap gesture 1205,electronic device 1200 displays (e.g., replaces display of setupselection user interface 1220 with) a setup confirmation user interface1242 for completing initial automatic push configuration. In someembodiments, setup confirmation user interface 1242 maintains display ofcancel icon 1240 for cancelling the setup and forgoing completinginitial automatic push configuration. In some embodiments, setupconfirmation user interface 1242 includes a back icon 1252 for returningto setup selection user interface 1220 (e.g., to change selectionsettings). In some embodiments, setup confirmation user interface 1242includes a graphical indication 1244 and a textual indication 1248 thatautomatic push configuration settings can be changed and additionalplaylists (or tracks, albums, folders) can be added later on. Setupconfirmation user interface 1242 also includes a completing icon 1250for affirming confirmation of the selected initial automatic pushsettings. In FIG. 12H, electronic device 1200 detects, viatouch-sensitive display 1202 (or alternatively, a voice input via amic), user selection of completing icon 1250. For example, as shown inFIG. 12H, the user selection is a tap gesture 1207 on completing icon1250. In response detecting tap gesture 1207, electronic device 1200stores and applies the setup settings and exits the setup process.

In FIG. 12I, electronic device 1200 displays, on touch-sensitive display1202, a homescreen user interface 1254. In some embodiments, homescreenuser interface 1254 includes one or more icons 1256A-H corresponding toone or more applications installed on electronic device 1200. Inparticular, homescreen user interface 1254 of electronic device 1200includes an external device configuration icon 1256A (e.g., forconfiguring, changing settings of an external device linked toelectronic device 1200, such as a paired smartwatch) corresponding to aconfiguration application for an external device linked with electronicdevice 1200 (e.g., two devices linked to the same user account).

In FIG. 12J, while displaying homescreen user interface 1254, electronicdevice 1200 detects, via touch-sensitive display 1202 (or alternatively,a voice input via a mic), user activation of external deviceconfiguration icon 1256A. For example, as shown in FIG. 12J, the useractivation is a tap gesture 1209 on external device configuration icon1256A.

As shown in FIG. 12K, in response to detecting tap gesture 1209,electronic device 1200 displays (e.g., replaces display of homescreenuser interface 1254 with) external device configuration user interface1258. In some embodiments, external device configuration user interface1258 includes an graphical indication 1260 of the linked externaldevice. In some embodiments, external device configuration userinterface 1258 includes a listing 1266 of setting options 1266A-E (e.g.,general settings option 1266A, passcode settings option 1266B, clocksettings option 1266C, mail settings option 1266D, music settings option1266E). In some embodiments, external device configuration userinterface 1258 includes an application bar 1268 consisting ofoperating-system controlled applications, which includes external deviceconfiguration application, and an indication 1270 that thecurrently-displayed user interface (i.e., external device configurationuser interface 1258) corresponds to the external device configurationapplication.

In FIG. 12L, electronic device 1200 detects, via touch-sensitive display1202 (or alternatively, a voice input via a mic), user selection ofmusic settings option 1266E within listing 1266. For example, the userselection is a tap gesture 1211 on music settings option 1266E. As shownin FIG. 12M, in response to detecting tap gesture 1211, electronicdevice 1200 displays (e.g., replaces display of external deviceconfiguration user interface 1258 with) an audio settings user interface1272 associated with the linked external device. In some embodiments,audio settings user interface 1272 includes an indication 1274 of thecurrently-used storage amount and the storage limit of the linkedexternal device (e.g., “USED 3.2 GB OF 4 GB”). In some embodiments,audio settings user interface 1272 includes a storage bar 1276 thatproportionally the various different types of files (e.g., music files,podcast files, photo files) that are stored on the linked externaldevice and the amount of free storage available on the linked externaldevice. In some embodiments, audio settings user interface 1272 includesa storage limit indicator 1278 indicating the storage limit of thelinked external device. In some embodiments, audio settings userinterface 1272 includes an “update only with charger” setting toggleoption 1280 which, in FIG. 12M, is currently in the “off” state. In someembodiments, audio settings user interface 1272 includes an edit icon1288 for editing list entries included in the user interface (e.g.,entries of list 1290 depicted in FIG. 12R). In some embodiments, audiosettings user interface 1272 includes a selectable indication 1252 thatincludes an indication (e.g., a textual indication stating “My Watch”)that the current application relates to the linked external device, and,when selected, causes electronic device 1200 to return to display ofexternal device configuration user interface 1258.

In some embodiments, audio settings user interface 1272 includes a list1284 of playlists available on (e.g., stored on) or available via (e.g.,from a cloud service) electronic device 1200 that can be automaticallypushed to linked external device. The list 1284 of playlists correspondsto the list of playlists (e.g., first playlist 1226 (e.g., “My TopHits”), second playlist 1230 (e.g., “Classics”), third playlist 1234(e.g., “Workout”)) displayed in setup selection user interface 1220described with reference to FIGS. 12C-12F, with corresponding toggleicons 1228, 1232, and 1236. Because third playlist 1234 (e.g.,“Workout”) was de-designated during the initial automatic pushconfiguration process described with reference to FIGS. 12A-12H, thirdplaylist 1234 remains non-designated while first playlist 1226 andsecond playlist 1230 remain designated for automatic push.

In FIG. 12N, while displaying audio settings user interface 1272,electronic device 1200 detects, via touch-sensitive display 1202 (oralternatively, a voice input via a mic), user input on toggle icon 1232corresponding to second playlist 1230 (e.g., “Classics”). For example,the user selection is a tap gesture 1213 (or alternatively, a shortswipe gesture) on toggle icon 1232 corresponding to second playlist1230. As shown in FIG. 12O, in response to detecting tap gesture 1213,toggle icon 1232 corresponding to second playlist 1230 shifts to the“non-designated” (e.g., “off”) mode, thereby de-designating second play1230 for automatic push from electronic device 1200 to the linkedexternal device.

In FIG. 12P, while displaying audio settings user interface 1272,electronic device 1200 detects, via touch-sensitive display 1202 (oralternatively, a voice input via a mic), a scrolling input on audiosettings user interface 1272. For example, the scrolling input is ascrolling gesture 1215 in an upwards direction on audio settings userinterface 1272. As displayed in the transition from FIG. 12P throughFIG. 12R, scrolling gesture 1215 causes gradual display (e.g., ashifting up from the bottom edge of display 1202) of a bottom region ofaudio settings user interface 1272 that previously could not bedisplayed on display 1202. As shown in FIGS. 12Q-12R, scrolling gesture1215 reveals a list 1290 of albums (or playlists, folders) currentlystored locally on the linked external device. For example, as shown inFIGS. 12Q-12R, list 1290 includes a first album 1292 (e.g., “CurrentFavorites”), a second album 1294 (e.g., “Heavy Rotation”), a third album1296 (e.g., “Best Classics”), and a fourth album 1298 (e.g., “90sPlaylist”) currently stored on the linked external device.

In FIG. 12S, while displaying list 1290 of audio settings user interface1272, electronic device 1200 detects, via touch-sensitive display 1202(or alternatively, a voice input via a mic), user selection of edit icon1288. For example, as shown in FIG. 12S, the user selection of a tapgesture 1217 on edit icon 1288. As shown in FIG. 12T, in response todetecting tap gesture 1217, electronic device 1200 displays, on audiosettings user interface 1272 a plurality of remove icons 1292A, 1294A,1296A, and 1298A corresponding to first album 1292, second album 1294,third album 1296, and fourth album 1298 of list 1290, respectively.Electronic device 1200 also displays, on audio settings user interface1272, a cancel icon for removing display of the plurality of removeicons.

In FIG. 12U, while displaying the plurality of remove icons 1292A,1294A, 1296A, and 1298A corresponding to first album 1292, second album1294, third album 1296, and fourth album 1298 of list 1290 on audiosettings user interface 1272, electronic device 1200 detects, viatouch-sensitive display 1202 (or alternatively, a voice input via amic), user selection of first remove icon 1292A corresponding to firstalbum 1292. For example, as shown in FIG. 12U, the user selection is atap gesture 1217 on first remove icon 1292A. As shown in FIG. 12V, inresponse to detecting tap gesture 1217 on first remove icon 1292Acorresponding to first album 1292, electronic device 1200 displays(e.g., at a bottom region of the user interface), a prompt 1299 (e.g., apop-up prompt) over audio settings user interface 1272 requesting userconfirmation for removing data corresponding to first album 1292 fromlocal storage on the linked external device. In some embodiments, prompt1299 includes an indication 1299A (e.g., a textual indication)confirming the user's intent to have the data associated with theselected album (e.g., first album 1292) removed from the linked externaldevice, a confirmation icon 1299B (e.g., an icon stating “REMOVE”), anda cancel icon 1299C for canceling the removal.

In FIG. 12W, while displaying prompt 1299, electronic device 1200detects, via touch-sensitive display 1202 (or alternatively, a voiceinput via a mic), user selection of confirmation icon 1299B. Forexample, as shown in FIG. 12W, the user selection is a tap gesture 1219on confirmation icon 1299B. As shown in FIG. 12X, in response todetecting tap gesture 1219 confirming the request to remove dataassociated with first album from local storage on the linked externaldevice, electronic device 1200 removes display of prompt 1299 andremoves display of first album 1292 and remove icon 1292A correspondingto first album 1292 from audio settings user interface 1272. As such,listing 1290 now shows only second album 1294, third album 1296, andfourth album 1298 as being stored locally on the linked external device.Further, electronic device 1200 causes data of corresponding to firstalbum 1292 to be removed from the linked external device.

In FIG. 12Y, while displaying the entries (e.g., second album 1294,third album 1296, and fourth album 1298) of listing 1290 and removeicons 1294A, 1296A, and 1298A corresponding to the entries of listing1290, electronic device 1200 detects, via touch-sensitive display 1202(or alternatively, a voice input via a mic), user selection of cancelicon 1240. For example, the user selection is a tap gesture 1221 oncancel icon 1240. As shown in FIG. 12Z, in response to detecting tapgesture 1221, electronic device 1200 ceases display of remove icons1294A, 1296A, and 1298A corresponding to second album 1294, third album1296, and fourth album 1298, respectively, on audio settings userinterface 1272.

In FIG. 12AA, while displaying audio settings user interface 1272,electronic device 1200 detects, via touch-sensitive display 1202 (oralternatively, a voice input via a mic), user input on toggle icon 1236,which is in the “non-designated” mode (e.g., “off” mode), correspondingto third playlist 1234 (e.g., “Workout”). For example, as shown in FIG.12AA, the user selection is a tap gesture 1223 (or alternatively, ashort swipe gesture) on toggle icon 1236. As shown in FIG. 12AB, inresponse to detecting tap gesture 1223, toggle icon 1236 correspondingto third playlist 1234 (e.g., “Workout”) switches from the“non-designated” mode (e.g., “off” mode) to the “designated” mode (e.g.,“on” mode).

As shown in the transition from FIG. 12AC to FIG. 12AD, electronicdevice 1200 detects, via touch-sensitive display 1202 (or alternatively,a voice input via a mic), a scrolling input on audio settings userinterface 1272. For example, the scrolling input is a scrolling gesture1225 in a downwards direction (thus again revealing the top portion ofaudio settings user interface 1272, as shown in FIG. 12 AD). As shown inFIG. 12AD, toggle icon 1236 corresponding to third playlist 1234 (e.g.,“Workout”) remains in the “designated” mode. Further, as also shown inFIG. 12AD, toggle icon 1280 corresponding to an update mode (e.g.,update the linked external device only when the external device is beingcharged v. update the linked external device irrespective of whether ornot the linked external device is being charged) is in the “off” mode(e.g., update the linked external device irrespective of whether or notthe linked external device is being charged). As such, as long as theexternal device is currently linked to electronic device 1200,electronic device causes data associated with third playlist 1234 to betransmitted to the linked external device to be locally stored on thelinked external device. If toggle icon 1280 corresponding to an updatemode is in the “on” mode (e.g., update the linked external device onlywhen the external device is being charged), electronic device 1200causes data transmission to the linked external device only when thelinked device is currently being charged.

In some embodiments, as further shown in FIG. 12AD, when initiatingupdate of (e.g., causing data corresponding to third playlist 1234 to betransmitted to) the linked external device, electronic device 1200displays, on audio settings user interface 1272, an indication 1297(e.g., a textual indication stating “UPDATING . . . ”) that the linkedexternal device is being updated to locally store the transmitted data(e.g., corresponding to third playlist 1234).

In some embodiments, as shown in FIG. 12AE, as the update isprogressing, electronic device 1200 updates indication 1295 to include acurrent progress (e.g., “UPDATING SONG 8 OF 25”) of the update. In someembodiments, as also shown in FIG. 12AE, as the update is progressing,electronic device 1200 displays (e.g., adjacent to or below indication1295) an update status bar 1293 graphically indicating the currentprogress of the update. In some embodiments, as shown in FIG. 12AE,while causing update of the linked external device, electronic device1200 updates display of storage limit indicator 1274 (e.g., from “USED3.2 GB of 4 GB” to “USED 3.5 GB of 4 GB”) and storage bar 1276 toaccount for change in local storage use of the linked external device asthe update progresses (i.e., as the external device continues to locallystores the transmitted data (e.g., corresponding to third playlist1234)).

FIGS. 13A-13C are a flow diagram illustrating a method for playing andmanaging audio items using an electronic device in accordance with someembodiments. Method 1300 is performed at a device (e.g., 100, 300, 500)with a touch-sensitive display and a wireless communication radio (e.g.,Bluetooth, WiFi, NFC, etc.). Some operations in method 1300 are,optionally, combined, the order of some operations is, optionally,changed, and some operations are, optionally, omitted.

As described below, method 1300 provides an intuitive way for playingand managing audio items. The method reduces the cognitive burden on auser for playing and managing audio items, thereby creating a moreefficient human-machine interface. For battery-operated computingdevices, enabling a user to play and manage audio items faster and moreefficiently conserves power and increases the time between batterycharges.

At block 1302, the electronic device (e.g., 1200) displays, on thedisplay (e.g., 1202), a user interface (e.g., 1220, 1272) including aplurality of item groups (e.g., 1226, 1230, 1234) (e.g., a plurality ofaudio playlists, a plurality of audio albums, a plurality of tracklists) and a plurality of selection affordances (e.g., 1228,1232, 1236)associated with the plurality of item groups, where a selectionaffordance has a first state and a second state, and where data of theplurality of item groups are stored on the electronic device. In someexamples, the first state is a selected state. In some examples, thefirst state is a “checked” state. In some examples, the first state isan “on” state. In some examples, the second state is a non-selectedstate. In some examples, the second state is an “un-checked” state. Insome examples, the second state is an “off” state.

Displaying a plurality of item groups and a plurality of selectionaffordances associated with the plurality of item groups, where aselection affordance can be switched between a first state and a secondstate to designated or de-designate the corresponding item groupprovides the user with a quick and efficient way to designate orde-designate the plurality of item groups. Providing additional controloptions without cluttering the UI with additional displayed controlsenhances the operability of the device and makes the user-deviceinterface more efficient (e.g., by helping the user to provide properinputs and reducing user mistakes when operating/interacting with thedevice) which, additionally, reduces power usage and improves batterylife of the device by enabling the user to use the device more quicklyand efficiently.

In some embodiments, at block 1304, prior to displaying, on the display(e.g., 1202), the user interface (e.g., 1220, 1272) including theplurality of item groups (e.g., a plurality of audio playlists, aplurality of audio albums, a plurality of track lists) and the pluralityof selection affordances associated with the plurality of item groups,the electronic device (e.g., 1200) displays, on the display, an initialsetup user interface (e.g., 1208) including a proceeding affordance(e.g., 1216). In some examples, the initial setup user interface (e.g.,1208) is a user interface that is displayed only when a user has not yetconfigured automatic push settings on the device (e.g., a “get started”user interface). In some examples, the proceeding affordance (e.g.,1216) is an affordance for agreeing to proceed with setting up automaticpush functionality with the external device (e.g., a “get started”affordance). In some embodiments, at block 1306, the electronic devicereceives user selection (e.g., a touch gesture, such as a tap) of theproceeding affordance. In some embodiments, at block 1308, in responseto receiving the user selection of the proceeding affordance, theelectronic device displays the user interface. In some embodiments, theinitial setup user interface is displayed in response to detecting, viathe wireless communication radio, connectivity with the external device.

At block 1310, the electronic device (e.g., 1200) receives user input ona first selection affordance associated with a first item group. Atblock 1312, in accordance with a determination that the first selectionaffordance is in the first state, the electronic device designates thefirst item group. In some examples, the electronic device (e.g., 1200)designates the first item group to be transmitted to a device differentfrom the electronic device. At block 1314, in accordance with adetermination that the first selection affordance is in the secondstate, the electronic device forgoes designating the first item group.

In some embodiments, at block 1316, the electronic device (e.g., 1200)receives a second user input (e.g., 1215) (e.g., a finger scrollgesture) on the user interface (e.g., 1272). In some embodiments, atblock 1318, in response to receiving the second user input (e.g., inresponse to a user scrolling the user interface to view user interfaceelements that are not currently visible on the display), the electronicdevice (e.g., 1200) displays, on the display (e.g., 1202), at least onestored item group of a plurality of stored item groups (e.g., 1294,1296, 1298) (e.g., at least one playlist of the plurality of playlistscurrently stored on the electronic device) stored on external device. Insome embodiments, at block 1320, the electronic device (e.g., 1200)receives user selection (e.g., 1217) (e.g., a detectable touch gesture,such as a tap) of an edit affordance (e.g., 1288). In some embodiments,at block 1322, in response to receiving the user selection of the editaffordance, the electronic device (e.g., 1200) displays, on the display(e.g., 1202), a plurality of removal affordances (e.g., 1294A, 1296A,1298 a) associated with the plurality of stored item groups.

Displaying the plurality of removal affordances associated with theplurality of sorted item groups in response to receiving the userselection of the edit affordance provides a visual feedback to the userindicating that one or more of the plurality of stored item groups canbe removed from local storage on the external device. Providing improvedvisual feedback enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

In some embodiments, at block 1324, the electronic device (e.g., 1200)receives user selection of a first removal affordance (e.g., 1294A) ofthe plurality of removal affordances associated with a first stored itemgroup of the plurality of stored item groups. In some embodiments, atblock 1326, in response to receiving the user selection of the firstremoval affordance, the electronic device (e.g., 1200) causes data ofthe first stored item group (e.g., 1294) to be removed from the externaldevice.

In some embodiments, at block 1328, prior to causing the data of thefirst stored item group (e.g., 1294) to be removed from the externaldevice, the electronic device (e.g., 1200) displays, on the display(e.g., 1202), a confirmation affordance (e.g., 1299B). In someembodiments, at block 1330, the electronic device (e.g., 1200) receivesuser selection (e.g., 1219) of the confirmation affordance. In someembodiments, at block 1332, in response to receiving the user selectionof the confirmation affordance, the electronic device (e.g., 1200)causes data of the first stored item group (e.g., 1294) to be removedfrom the external device.

Causing data of the first stored item group to be removed from theexternal device in response to receiving the user selection of the firstremoval affordance, without additional user input on the externaldevice, enables a user to easily and efficient control (e.g., remove)data corresponding to items stored on the external device. Performing anoperation when a set of conditions has been met without requiringfurther user input enhances the operability of the device and makes theuser-device interface more efficient (e.g., by helping the user toprovide proper inputs and reducing user mistakes whenoperating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

At block 1334, subsequent to detecting, via the wireless communicationradio, an external device (e.g., a smartphone, a smartwatch, a tabletcomputer, a laptop computer, a desktop computer), the electronic device(e.g., 1200), at block 1336, in accordance with a determination that thefirst item group is designated, automatically transmits (without anyuser input) data of the items associated with the first item group tothe external device to be stored on the external device, and, at block1338, in accordance with a determination that the first item group isnot designated, the electronic device forgoes automatically transmittingdata of the items associated with the first item group to the externaldevice to be stored on the external device. In some embodiments, theelectronic device is paired with the external device

Automatically transmitting data of the items associated with the firstitem group to the external device to be stored on the external device inaccordance with a determination that the first item group is designatedand automatically transmitting data of the items associated with thefirst item group to the external device to be stored on the externaldevice in accordance with a determination that the first item group isnot designated enables a user to easily and efficiently control thetransmission of data associated with the first item group to theexternal device by simply designating or de-designating the item groupusing the electronic device. Performing an operation when a set ofconditions has been met without requiring further user input enhancesthe operability of the device and makes the user-device interface moreefficient (e.g., by helping the user to provide proper inputs andreducing user mistakes when operating/interacting with the device)which, additionally, reduces power usage and improves battery life ofthe device by enabling the user to use the device more quickly andefficiently.

In some embodiments, in accordance with a determination that the firstitem group is designated, the electronic device (e.g., 1200), at block1340, in accordance with a determination that a first item associatedwith the first item group is stored on the external device (e.g., anaudio item of the designated playlist is already stored on the externaldevice), forgoes automatically transmitting the data of the first itemto the external device.

In some embodiments, in accordance with the determination that the firstitem group is designated, the electronic device (e.g., 1200), at block1342, in accordance with a determination that a second item notassociated with the first item group stored on the electronic device isstored on the external device (e.g., an audio item exists in thecorresponding playlist of the external device because the playlistpreviously contained the audio item, but the audio item has been removedfrom the playlist on the electronic device), causes data of the seconditem to be removed from the external device.

In some embodiments, at block 1344, prior to automatically transmitting(without any user input) the data of the items in the first item groupto the external device to be stored on the external device, theelectronic device (e.g., 1200) displays, on the display (e.g., 1202), aconfirmation sheet indicating that the first item group is designated.In some examples, the confirmation sheet is a pop-up sheet thatpartially covers the display. In some examples, the confirmation sheetis a confirmation page that entirely covers the display.

In some embodiments, at block 1346, prior to automatically transmitting(without any user input) the data of the items in the first item groupto the external device to be stored on the external device, theelectronic device (e.g., 1200) receives, via the wireless communicationradio, charge state information (e.g., information concerning whether ornot the external device is being charged) of the external device. Insome embodiments, at block 1348, in accordance with a determination,based on the received charge state information, that the external deviceis currently being charged, the electronic device (e.g., 1200)automatically transmits (without any user input) the data of the itemsassociated with the first item group to the external device. In someembodiments, at block 1350, in accordance with a determination, based onthe received charge state information, that the external device is notcurrently being charged, the electronic device (e.g., 1200) forgoesautomatically transmitting the data of the items associated with thefirst item group to the external device.

Automatically transmitting the data of the items associated with thefirst item group to the external device in accordance with adetermination, based on the received charge state information, that theexternal device is currently being charged and forgoing automaticallytransmitting the data of the items associated with the first item groupto the external device in accordance with a determination, based on thereceived charge state information, that the external device is notcurrently being charged enables a user to not have to worry about thecharge state of the external device when the data is being transmittedto the external device for local storage on the external device, whichcan be a battery-intensive process. Performing an operation when a setof conditions has been met without requiring further user input enhancesthe operability of the device and makes the user-device interface moreefficient (e.g., by helping the user to provide proper inputs andreducing user mistakes when operating/interacting with the device)which, additionally, reduces power usage and improves battery life ofthe device by enabling the user to use the device more quickly andefficiently.

In some embodiments, a default state of the first selection affordanceis the first state. Thus, in some embodiments, the default setting for aplaylist newly added to the electronic device is to be automaticallypushed.

In some embodiments, the user interface (e.g., 1272) includes a storagelimit indicator (e.g., 1274, 1278) of the external device. In someexamples, the storage limit indicator indicates the maximum storagecapacity of the external device (e.g., “4 GB,” “16 GB,” “32 GB”).

In some embodiments, the user interface (e.g., 1272) includes a storagebar (e.g., 1276) indicating storage information (e.g., types of datafiles stored on the external device, such as music, applications,photos, media) of the external device. In some examples, the differenttypes of data files are indicated proportionally to one's respectiveamount of used storage within the storage bar by adjusting the length ofmini-bars associated with the different data types within the storagebar. In some examples, the different types of data files are indicatedusing different colors. In some examples, while automaticallytransmitting data of the items associated with the first item group tothe external device, the electronic device displays a status indicator(e.g., a status bar that indicates current progress by “filling up” thebar, text that indicates current progress (e.g., “updating 5 of 40”))indicating the current progress of the transmission.

In some embodiments, at block 1352, subsequent to transmitting the dataof the items associated with the first item group to the externaldevice, the electronic device (e.g., 1200) receives, via the wirelesscommunication radio, updated storage information (reflecting the datatransfer) of the external device. In some embodiments, at block 1354, inresponse to receiving the updated storage information of the externaldevice, the electronic device (e.g., 1200) updates the storage bar toreflect the updated storage information. Updating the storage bar toreflect the updated storage information in response to receiving theupdated storage information of the external device provides the userwith easily recognizable feedback regarding the local storage status ofthe external device, which may have a limited amount of available localstorage. Providing improved feedback enhances the operability of thedevice and makes the user-device interface more efficient (e.g., byhelping the user to provide proper inputs and reducing user mistakeswhen operating/interacting with the device) which, additionally, reducespower usage and improves battery life of the device by enabling the userto use the device more quickly and efficiently.

Note that details of the processes described above with respect tomethod 1300 (e.g., FIGS. 13A-13C) are also applicable in an analogousmanner to the methods described above. For example, the method ofnavigating and selecting an audio item to play described in method 700can be used to select audio items to be played through electronic device1200. For another example, the method of navigating the displayed stackof stack items described in method 900 can be used to navigate audioitems and select audio items to be played through electronic device1200. For another example, the method of quickly and efficientlyswitching between user interfaces of active applications described inmethod 1100 can be used to switch amongst active applications onelectronic device 1200. For brevity, these details are not repeatedbelow.

The foregoing description, for purpose of explanation, has beendescribed with reference to specific embodiments. However, theillustrative discussions above are not intended to be exhaustive or tolimit the invention to the precise forms disclosed. Many modificationsand variations are possible in view of the above teachings. Theembodiments were chosen and described in order to best explain theprinciples of the techniques and their practical applications. Othersskilled in the art are thereby enabled to best utilize the techniquesand various embodiments with various modifications as are suited to theparticular use contemplated.

Although the disclosure and examples have been fully described withreference to the accompanying drawings, it is to be noted that variouschanges and modifications will become apparent to those skilled in theart. Such changes and modifications are to be understood as beingincluded within the scope of the disclosure and examples as defined bythe claims.

What is claimed is:
 1. An electronic device, comprising: atouch-sensitive display; one or more processors; and memory storing oneor more programs configured to be executed by the one or moreprocessors, the one or more programs including instructions for:displaying, on the display, a first user interface, wherein the firstuser interface includes a scrollable plurality of audio playlist itemsassociated with a plurality of audio playlists; receiving a first userinput on a first audio playlist item of the plurality of audio playlistitems; in response to receiving the first user input on the first audioplaylist item: displaying, on the display, a second user interface,wherein the second user interface includes an indication of a firstaudio item of a first audio playlist associated with the first audioplaylist item, and displaying, on the display, a plurality of indiciaicons, wherein a first indicia icon associated with the second userinterface includes an indication that the second user interface iscurrently displayed; receiving a second user input on the second userinterface; and in response to receiving the second user input on thesecond user interface: displaying, on the display, a third userinterface, wherein the third user interface includes a plurality ofaudio items of the first audio playlist, and updating display of theplurality of indicia icons, wherein a second indicia icon associatedwith the third user interface includes the indication that the thirduser interface is currently displayed.
 2. The electronic device of claim1, the one or more programs further including instructions for: inaccordance with a determination that the first audio item is notcontained in a media library associated with a user account that islogged into the electronic device, displaying, on the display, a firstaffordance; receiving user selection of the first affordance; and inresponse to receiving the user selection of the first affordance,causing the first audio item to be added to the media library.
 3. Theelectronic device of claim 1, the one or more programs further includinginstructions for: in accordance with a determination that the firstaudio item is contained in a media library associated with a useraccount that is logged into the electronic device, displaying, on thedisplay, an indication that the first audio item is contained in themedia library.
 4. The electronic device of claim 1, the one or moreprograms further including instructions for: while displaying the firstuser interface, receiving a third input; in response to receiving thethird input, displaying, on the display, a plurality of menuaffordances; receiving user selection of a first menu affordance of theplurality of menu affordances, wherein the menu affordance is associatedwith a media library; and in response to receiving the user selection ofthe first menu affordance, displaying, on the display, one or more audioitems associated with the media library.
 5. The electronic device ofclaim 4, the one or more programs further including instructions for:while displaying the one or more audio items associated with the medialibrary, receiving user selection of a second audio item of the one ormore audio items associated with the media library; and in response toreceiving the user selection of the second audio item, displaying, onthe display, the second user interface, wherein the second userinterface includes: a first indication of the second audio item, and asecond indication indicating that the second audio item is contained inthe media library.
 6. The electronic device of claim 1, wherein thesecond user interface includes a second affordance, the one or moreprograms further including instructions for: receiving user selection ofthe second affordance; subsequent to receiving the user selection of thesecond affordance, displaying, on the display, a first add affordance;receiving user selection of the first add affordance; and in response toreceiving the user selection of the first add affordance: storing thefirst audio item on the electronic device, and forgoing to store asecond audio item of the plurality of audio items of the first audioplaylist different from the first audio item.
 7. The electronic deviceof claim 6, the one or more programs further including instructions for:subsequent to receiving the user selection of the second affordance,displaying, on the display, a second add affordance; receiving userselection of the second add affordance; and in response to receiving theuser selection of the second add affordance, storing all of theplurality of audio items of the first audio playlist on the electronicdevice.
 8. The electronic device of claim 1, the one or more programsfurther including instructions for: in response to receiving the firstuser input on the first audio playlist item, causing audio output of thefirst audio item.
 9. The electronic device of claim 1, the one or moreprograms further including instructions for: while the electronic devicehas no connectivity with an external device that is storing a secondaudio item of the first audio playlist, receiving user selection of thesecond audio item; and in response to receiving the user selection ofthe second audio item of the first audio playlist: in accordance with adetermination that the second audio item is stored on the electronicdevice, causing audio output of the second audio item, and in accordancewith a determination that the second audio item is not stored on theelectronic device, forgoing to cause audio output of the second audioitem.
 10. The electronic device of claim 1, the one or more programsfurther including instructions for: receiving user input on a secondaudio item of the plurality of audio items of the first audio playlistdisplayed on the third user interface, wherein the second audio item isdifferent from the first audio item; and in response to receiving theuser input on the second audio item: displaying, on the display, thesecond user interface, wherein the second user interface includes anindication of the second audio item, updating display of the pluralityof indicia icons, wherein the first indicia icon associated with thesecond user interface includes the indication that the second userinterface is currently displayed, and causing audio output of the secondaudio item.
 11. A non-transitory computer-readable storage mediumstoring one or more programs configured to be executed by one or moreprocessors of an electronic device with a touch-sensitive display, theone or more programs including instructions for: displaying, on thedisplay, a first user interface, wherein the first user interfaceincludes a scrollable plurality of audio playlist items associated witha plurality of audio playlists; receiving a first user input on a firstaudio playlist item of the plurality of audio playlist items; inresponse to receiving the first user input on the first audio playlistitem: displaying, on the display, a second user interface, wherein thesecond user interface includes an indication of a first audio item of afirst audio playlist associated with the first audio playlist item, anddisplaying, on the display, a plurality of indicia icons, wherein afirst indicia icon associated with the second user interface includes anindication that the second user interface is currently displayed;receiving a second user input on the second user interface; and inresponse to receiving the second user input on the second userinterface: displaying, on the display, a third user interface, whereinthe third user interface includes a plurality of audio items of thefirst audio playlist, and updating display of the plurality of indiciaicons, wherein a second indicia icon associated with the third userinterface includes the indication that the third user interface iscurrently displayed.
 12. A method, comprising: at an electronic devicewith a touch-sensitive display: displaying, on the display, a first userinterface, wherein the first user interface includes a scrollableplurality of audio playlist items associated with a plurality of audioplaylists; receiving a first user input on a first audio playlist itemof the plurality of audio playlist items; in response to receiving thefirst user input on the first audio playlist item: displaying, on thedisplay, a second user interface, wherein the second user interfaceincludes an indication of a first audio item of a first audio playlistassociated with the first audio playlist item, and displaying, on thedisplay, a plurality of indicia icons, wherein a first indicia iconassociated with the second user interface includes an indication thatthe second user interface is currently displayed; receiving a seconduser input on the second user interface; and in response to receivingthe second user input on the second user interface: displaying, on thedisplay, a third user interface, wherein the third user interfaceincludes a plurality of audio items of the first audio playlist, andupdating display of the plurality of indicia icons, wherein a secondindicia icon associated with the third user interface includes theindication that the third user interface is currently displayed.